twitter-bootstrap twitter-bootstrap-3 栏目 Bootstarp
原文   原文链接
对于Bootstrap来说,我是新的,我需要显示一个表格,上面和下面的箭头靠近桌子的标题.这是我的表结构

<table class="table table-bordered table-striped">
        <thead>
        <tr>
            <th><b>#</b>  <i class='icon-arrow-up'></i><i class='icon-arrow-down'></th> **// tried** 
            <th ><b>Name</b></th>
            <th><b>Email</b></th>
            <th><b>Team</b></th>
            <th ><b>Role</b></th>
            <th ><b>Timezone</b></th>
            <th><b>Connections</b></th>
            <th><b># Posts available</b></th>
            <th><b>Last Login</b></th>
            <th><b>Posts</b></th>
        </tr>
        </thead>
        <tbody>
        </tbody>
    </table>

我想显示类似于以下图像的排序上/下箭头.

请帮我解决这个问题.您的帮助非常感激.谢谢.

你可以尝试使用FontAwesome.它包含一个排序图标( http://fontawesome.io/icon/sort/).

要这样做,你会的

>需要包括fontawesome:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

>然后只需使用fontawesome-icon,而不是您的th中的default-bootstrap-icons:

<th><b>#</b> <i class="fa fa-fw fa-sort"></i></th>

希望有帮助.

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在,都有一个你没有努力的曾经。
公众号推荐
   一个健康类的公众号,欢迎关注
小青桔健康
本站公众号
   欢迎关注本站公众号,获取更多程序园信息
开发小院