Question

我正在尝试使用Bootstrap和Font Awesome创建一个按钮，我想在堆叠图标本身下面有描述性文本。所有的例子都是左右，是否有人将文字放在下面？

我已经开始在下面的网址上玩了，但是任何跳转开始建议都会受到赞赏。

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>会怎样？

如何获得带有字体真棒的图标按钮下方的文本

2 个答案: