您的位置:首页 > Web前端 > BootStrap

bootstrap button按钮长度

2015-08-20 10:32 1361 查看
默认情况下button的长度是自动的,如果你想设置跟父容器等宽的话,可以加一个btn-block

与父容器等宽
  To use the full width of the container within which the button is residing, Bootstrap 3 offers block button option.
  使用按钮的block样式,让其与父容器等宽
  1160x178
<div class="container"> 
<div class="row">
<div class="col-lg-12"> 
<p> 
<button type="button" class="btn btn-primary btn-sm btn-block">Default small block level button</button> 
<button type="button" class="btn btn-default btn-lg btn-block">Default lg block level button</button> 
<button type="button" class="btn btn-primary btn-lg btn-block">Default lg block level button</button> 
<button type="button" class="btn btn-primary btn-xs btn-block">Default extra block level button</button> 
</p> 
</div>
</div>
</div>


效果图

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: