我使用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; }