我有一个简单的按钮,我试图添加一个glyphicon以获得时尚。
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-8">
<div class="container-fluid">
<div class="form-group">
<button class="btn btn-primary form-control">
Test
<span class="pull-right">
<span class="glyphicon glyphicon-edit">
</span>
</span>
</button>
</div>
</div>
</div>
</div>
虽然它在chrome和safari上完美运行,但是glyphicon在mozilla上的定位非常糟糕。是否有一个众所周知的问题,或者我是否在使用bootstrap css做错了什么?
如果您想要查看我正在尝试获取的内容(在Chrome上),以及出现的错误(在Mozilla上),这是plunker。
答案 0 :(得分:14)
请尝试下面的代码,你必须添加一个内联属性 white-space:inherit!重要; 按钮
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-8">
<div class="container-fluid">
<div class="form-group">
<button class="btn btn-primary form-control" style="white-space: inherit ! important;">
Test
<span class="pull-right">
<span class="glyphicon glyphicon-edit">
</span>
</span>
</button>
</div>
</div>
</div>
</div>