为了账号安全,请及时绑定邮箱和手机立即绑定

玩转Bootstrap(基础)

  • 是加载label标签上.checkbox-inline和.radio-inline,没有checkbox和radio的div容器了
    查看全部
  • .form-inline 内联表单
    查看全部
    0 采集 收起 来源:内联表单

    2015-02-10

  • .form-horizontal水平表单
    查看全部
    0 采集 收起 来源:水平表单

    2015-02-10

  • 试一试如果每行网格数超过12会怎么样? A:当超过12行的时候,会自动进行换行!
    查看全部
    0 采集 收起 来源:工作原理

    2015-03-25

  • .active .sussess .info .warning .danger
    查看全部
  • <dl class="dl-horizontal"> <dt>标题一</dt> <dd>描述内容</dd> <dt>标题二</dt> <dd>描述内容</dd> </dl>
    查看全部
  • .list-inline
    查看全部
  • .list-unstyled
    查看全部
  • 修改src属性的斜杠(/)值后的数字即可修改图片尺寸!
    查看全部
    0 采集 收起 来源:图像

    2015-02-21

  • 使用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框架另一个优点之处,为残障人员进行了一定的考虑
    查看全部
    0 采集 收起 来源:内联表单

    2018-03-22

  • 初始化移动浏览显示
    查看全部
  • <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>
    查看全部
    0 采集 收起 来源:表格

    2018-03-22

  • 列表 水平定义 @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
提交
取消
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!