twitter-bootstrap-3 - 素晴らしいフォントでアイコンボタンの下にテキストを取得するにはどうすればよいですか

Question

Bootstrap と Font Awesome を使用してボタンを作成しようとしていますが、積み重ねられたアイコン自体の下に説明テキストが必要です。例はすべて左右にありますが、下にテキストを置いている人はいますか?

以下の URL で試してみましたが、ジャンプ スタートの提案をいただければ幸いです。

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>か？