在Bootstrap Paginator中更改链接/文本的字体大小

时间:2014-12-18 08:29:34

标签: html css twitter-bootstrap-3

我使用Bootstrap 3分页,我想更改li标签中链接文字的字体大小

使用..

<nav>
    <ul class="pagination" style="li {font-size: 50%;}">
        <li><a href="#">item #1</a></li>
        <li><a href="#">item #2</a></li>
        <li><a href="#">item #3</a></li>
    </ul>
</nav>

没有用,我似乎甚至无法使用其他关键字来改变尺寸,例如&#39;尺寸&#39;或者&#39;身高&#39; /&#39;宽度&#39; (即使没有将css更改为stye标签中的li标签本身)。

我做错了什么?

2 个答案:

答案 0 :(得分:5)

添加内联样式的错误方法

尝试

<ul class="pagination" style="font-size: 50%">

但是,可以为li标签或a标签定义字体大小,所以这样的东西会更干净

.pagination li a {
    font-size: 50%;
}

答案 1 :(得分:1)

您可以使用CSS来执行此操作。

CSS:

.pagination > li > a {
    font-size:50%;
}