跨度提交按钮到col-xs-12

Question

有人可以帮助我如何在移动设备中提交更长的提交按钮吗？请看图片。

<div class="row">
  <div class="col-xs-12">
    <div class="panel panel-primary">
      <div class="panel-heading"><h3 class="panel-title">Account Deatils</h3></div>
      <div class="panel-body">
        tetsing
      </div>
    </div>
    <button type="button" class="btn btn-success">Success</button>
  </div>
</div>

Answer 1

由于您正在使用Bootsrap，因此可以将“form-control”类添加到按钮中。无法诚实地告诉你，这是否取决于Bootstrap的规范或最佳实践 - 如果没有，你可以创建一个新的类并添加：

display:block;
width:100%;

也就是说，默认情况下Bootstrap列确实有一些填充，所以这不是真正100％的窗口;如果你想要你可以创建一个名为noPadding的类来添加到列div中，或者只是将该行用作适当的容器。