Question

我正在使用如下的引导按钮：

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>

<a href="/add_post/" style="text-decoration:none">
  <button type="button" class="btn btn-success btn-block">
    make post
    <span style="float:right">
      <i class="fa fa-angle-double-right"></i>
    </span>
  </button>
</a>

当它在全屏时看起来很棒但是当我操作屏幕大小时，文字“make post”开箱即用，盒子的形状变得更胖。我想阻止这个但是如何？我认为bootstrap在移动时会“先移动”，看起来还不错。但并不完美。我希望我的整个col-sm-3在移动时处于引导下拉按钮。我该怎么做？

Answer 1

我认为您可以在按钮

中尝试css white-space 属性

<a href="#" class="btn btn-primary btn-xs col-lg-12" style="margin-bottom:4px;white-space: normal;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. blah blah blah</a>

Fiddle

自举按钮大小随着浏览器大小的减小而最终变为xs

1 个答案: