css – 如何在bootstrap中获取响应按钮3

前端之家收集整理的这篇文章主要介绍了css – 如何在bootstrap中获取响应按钮3前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用bootstrap 3,我有以下html:
<div class="col-sm-2" >
    <a id="new-board-btn" class="btn btn-success" >Create New Board</a>
</div>

在小屏幕上,文本“创建新板”太长,不适合按钮。我想让文本换行到另一行,按钮的高度增加以适合文本。任何提示如何做到这一点?

解决方法

在Bootstrap中,.btn类有一个空格:nowrap;属性,使得按钮文本不会包装。所以,设置为正常,并给按钮一个宽度后,如果文本将超过设置的宽度,文本应该换行到下一行。
#new-board-btn {
    white-space: normal;
}

http://jsfiddle.net/ADewB/

猜你在找的CSS相关文章