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>
效果图
相关文章推荐
- bootstrap3 input 输入框图标背景
- bootstrap注意事项(四)表格
- bootstrap注意事项(三)
- Bootstrap--组件之按钮组
- bootstrap -- 一个标签中,同时有 col-xs , col-sm , col-md , col-lg
- daterangepicker-bootstrap之双日历时间段选择控件(汉化版)
- bootstrap学习笔记二
- 从第一眼你就会爱上的bootstrap UI资源(下载)。
- Metronic 定制主题
- bootstrap注意事项(二)
- bootstrap注意事项(一)
- BootStrap基本样式
- bootstrap,select
- 认识Bootstrap
- bootstrap3 char.js 使用
- bootstrap简单的签收页面
- bootstrap学习笔记一
- Domino/Xpages Bootstrap 动态生成首页功能
- Flask-Bootstrap Demo
- Bootstrap兼容处理