-
是加载label标签上.checkbox-inline和.radio-inline,没有checkbox和radio的div容器了查看全部
-
.form-inline 内联表单查看全部
-
.form-horizontal水平表单查看全部
-
试一试如果每行网格数超过12会怎么样? A:当超过12行的时候,会自动进行换行!查看全部
-
.active .sussess .info .warning .danger查看全部
-
<dl class="dl-horizontal"> <dt>标题一</dt> <dd>描述内容</dd> <dt>标题二</dt> <dd>描述内容</dd> </dl>查看全部
-
.list-inline查看全部
-
.list-unstyled查看全部
-
修改src属性的斜杠(/)值后的数字即可修改图片尺寸!查看全部
-
使用Bootstrap框架 1、不管是checkbox还是radio都使用label包起来了 2、checkbox连同label标签放置在一个名为“.checkbox”的容器内 3、radio连同label标签放置在一个名为“.radio”的容器内 在Bootstrap框架中,主要借助“.checkbox”和“.radio”样式,来处理复选框、单选按钮与标签的对齐方式。查看全部
-
标签没显示 .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } <div class="form-group"> <label class="sr-only" for="exampleInputPassword2">密码</label> <input type="password" class="form-control" id="exampleInputPassword2" placeholder="请输入你的邮箱密码"> </div> 如果没有为输入控件设置label标签,屏幕阅读器将无法正确识别。这也是Bootstrap框架另一个优点之处,为残障人员进行了一定的考虑查看全部
-
初始化移动浏览显示查看全部
-
<h1>响应式表格</h1> <div class="table-responsive"> <table class="table table-bordered"> <thead> <tr> <th>表格标题</th> <th>表格标题</th> <th>表格标题</th> </tr> </thead> <tbody> <tr> <td>表格单元格</td> <td>表格单元格</td> <td>表格单元格</td> </tr> <tr> <td>表格单元格</td> <td>表格单元格</td> <td>表格单元格</td> </tr> </tbody> </table> </div>查看全部
-
列表 水平定义 @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } 此处添加了一个媒体查询。也就是说,只有屏幕大于768px的时候,添加类名“.dl-horizontal”才具有水平定义列表效果查看全部
-
bootstrap水平导航的制作 css样式: .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; }查看全部
举报
0/150
提交
取消