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

Question

代码如下:

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

我在 2 个不同的地方尝试过使字形图标更大，但无济于事。输出仍然是这样的:

有什么想法吗？

Answer 1

改变这个:

<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。

让我知道是否可行