twitter-bootstrap – Twitter Bootstrap按钮组50％宽度

发布时间：2020-12-17 21:25:29 所属栏目：安全来源：网络整理

导读：我想创建一个包含两个按钮的按钮组.按钮组是跨度6的一部分,我希望里面的按钮有50％的宽度,但我想因为填充和边框按钮断开线并相互重叠而不是相邻.这个调整会是什么？解决方法这确实是因为边距和引导程序添加到按钮的所有其他内容. 您可以通过使用引导网格系

我想创建一个包含两个按钮的按钮组.按钮组是跨度6的一部分,我希望里面的按钮有50％的宽度,但我想因为填充和边框按钮断开线并相互重叠而不是相邻.这个调整会是什么？

解决方法

这确实是因为边距和引导程序添加到按钮的所有其他内容.

您可以通过使用引导网格系统来完成此操作,而不是尝试自己为按钮指定宽度.

<div class="span6">
  <div class="btn-group row-fluid">
    <button class="btn span6">Button 1</button>
    <button class="btn span6">Button 2</button>
  </div>
</div>

它在行动：http://jsfiddle.net/S57SW/1/.我已经使用了一个行流体,因为它在jsfiddle上看起来更好,但你也可以使用无响应的静态布局.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!