我如何获得下面的文本图标按钮与字体真棒

Question

我试图创建一个按钮与Bootstrap和字体真棒，抓住是我想在堆叠图标本身下面的描述性文本。所有的例子都是左边和右边是任何人把文字放在下面？

我已经开始在下面的网址上玩它了，但是任何跳跃开始的建议都很感谢。

http://www.bootply.com/86861

Answer 1

没有真正的BS，字体真棒方法中的任何解决方案，所以我继续缠几部分用div的，做造型的方式。

<div class="ecGlobalNavStudentPanelBtnWrapper"> 
    <div class="ecGlobalNavStudentPanelBtn"> <span class="icon-stack floatButton"> <a href="http://library.edgewood.edu/"><i class="icon-check-empty icon-stack-base"></i> <i class="icon-archive"></i> </a></span> </div> 
    <div class="ecGlobalNavStudentPanelBtnTxt hidden-xs"> 
     <p><a href="http://library.edgewood.edu/">library</a></p> 
    </div> 
</div> 

Answer 2

如果您尝试<i class="icon-book">book</i>会发生什么？