HTML

<div id="div1_xn_zt" class="div_xn_zt">
    <span class="font_xn_zt"><i class="icon-commenting-o"></i>&nbsp;点击可以快捷回复</span>  
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('啥也不说了，感谢xiuno折腾网的分享！')" title="" data-original-title="啥也不说了，感谢xiuno折腾网的分享！">感谢</span>
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('正需要，支持xiuno折腾网！')" title="" data-original-title="正需要，支持xiuno折腾网！">支持</span>
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('确实是难得好帖啊，顶先')" title="" data-original-title="确实是难得好帖啊，顶先">不错</span>
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('么有分，谁能送我点积分啊::>_<::')" title="" data-original-title="么有分，谁能送我点积分啊::>_<::">无奈</span>
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('这个帖一般般，还可以哦。')" title="" data-original-title="这个帖一般般，还可以哦。">一般</span>
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('额，看不懂在说神马~@_@')" title="" data-original-title="额，看不懂在说神马~@_@">生气</span>
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('珍惜生命，果断回帖。')" title="" data-original-title="珍惜生命，果断回帖。">回帖</span>
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('我只是路过打酱油的')" title="" data-original-title="我只是路过打酱油的">路过</span>
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('来抢楼了，看我占个前排，支持xiuno折腾网！')" title="" data-original-title="来抢楼了，看我占个前排，支持xiuno折腾网！">顶帖</span>
</div>​

CSS

<style>
	.div_xn_zt{border:1px solid #CED4DA;margin: 0.1rem 0 0.9rem 0;padding:5px;background:#FFFFFF; }
	.button_xn_zt {background-color: #60A971;color:#FFFFFF;cursor:pointer;padding:3px 5px 3px 5px; margin-right:5px; border:1px solid #60A971; }
	.font_xn_zt {color: #FFA500;font-weight:700;margin-left:5px;margin-right:10px;}
	.par_xn_zt{margin-left:5px;margin-top:10px;margin-bottom:5px;}
	@media (max-width: 576px){
	.div_xn_zt{width: 100%;}
	.button_xn_zt{margin-top: 0.5rem;
    display: inline-block;}
}
</style>

JS