无法覆盖Twitter Bootstrap btn类的默认字体大小

时间:2015-03-30 06:16:23

标签: css twitter-bootstrap

所以这里是代码:

<button class="btn btn-default btn-test" style="width:200px; white-space:normal;" id="up-arrow-div" >
   <div class="col-xs-2 arrow-up-div" style="font-size:30 !important">
      <span class="glyphicon glyphicon-collapse-up arrow-up" style="font-size:30 !important"></span> 
   </div>
   <div class="col-xs-10">
      Contribute more to support Last Minute Gear!
   </div>
</button>

我已经在两个不同的地方尝试过使glyphicon尺寸更大但无济于事。输出仍然如下:

enter image description here 有什么想法吗?

2 个答案:

答案 0 :(得分:0)

改变这个:

<span class="glyphicon glyphicon-collapse-up arrow-up" style="font-size:30 !important"></span>

到此:

<span class="glyphicon glyphicon-collapse-up arrow-up" style="font-size:40px; !important"></span>

您似乎忘了定义测量类型,因此我为您添加了px。

如果有效,请告诉我

答案 1 :(得分:0)

您正在使用style="font-size:30 !important"

您应该使用style="font-size:30px!important"