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

玩转Bootstrap(基础)

  • 按钮组 btn-group 按钮组大小 btn-group-lg, 不写, btn-group-sm, btn-group-xs
    查看全部
  • <img alt="140x140" width="140px" height="140px" src="http://placehold.it/140x140">
    查看全部
    0 采集 收起 来源:图像

    2018-03-22

  • <button class="btn btn-info btn-block disabled" type="button">重置</button> <button class="btn btn-info btn-block " disabled="disabled" type="button">重置
    查看全部
  • <button class="btn btn-primary btn-xs">超小型按钮.btn-xs</button>
    查看全部
    0 采集 收起 来源:按钮大小

    2018-03-22

  • <a href="#" class="btn btn-default">a标签按钮</a>
    查看全部
    0 采集 收起 来源:多标签支持

    2018-03-22

  • <button class="btn btn-default" type="button">默认按钮</button>
    查看全部
    0 采集 收起 来源:默认按钮

    2018-03-22

  • 注意:虽然在Bootstrap框架中使用任何标签元素都可以实现按钮风格,但个人并不建议这样使用,为了避免浏览器兼容性问题,个人强烈建议使用button或a标签来制作按钮。
    查看全部
    0 采集 收起 来源:多标签支持

    2015-01-12

  • <div class="row"> <div class="col-md-8">col-md-8 <div class="row"> <div class="col-md-8">in-8</div> <div class="col-md-4">in-4</div> </div> <div class="row"> <div class="col-md-6">in-6</div> <div class="col-md-6">in-6</div> </div> </div> <div class="col-md-4">col-md-4 <div class="row"> <div class="col-md-9">in-9</div> <div class="col-md-3">in-3</div> </div> </div> </div>
    查看全部
    0 采集 收起 来源:列的嵌套

    2018-03-22

  • div class="row"> <div class="col-md-2">第一列网格占2格宽不偏移</div> <div class="col-md-2 col-md-offset-1">第二列网格占2格宽,并且偏移1个网格</div> <div class="col-md-2 col-md-offset-1">第三列网格占2格宽,并且偏移1个网格</div> <div class="col-md-3 col-md-offset-1">第四列网格占3格宽,并且偏移1个网格</div> </div>
    查看全部
    0 采集 收起 来源:列偏移

    2018-03-22

  • <div> <input type="text" class="form-control"> <span class="help-block">我是提示信息</span> </div> -- <div class="row"> <div class="col-xs-6"><input type="text" class="form-control "></div> <span class="help-block col-xs-6">我是提示信息</span> </div>
    查看全部
    1 采集 收起 来源:表单提示信息

    2018-03-22

  • <form role="form"> <div class="form-group has-success has-feedback"> <label class="control-label" for="email">email地址</label> <input type="text" class="form-control" id="email" placeholder="输入邮箱地址(XXX@XX.com)"> <span class="glyphicon glyphicon-ok form-control-feedback"></span> </div> </form>
    查看全部
  • <div class="form-group"> <div class="col-xs-3"> <input class="form-control" type="file" > </div> <div class="col-xs-3"> <input class="form-control" type="radio" > </div> <div class="col-xs-3"> <input class="form-control" type="checkbox"> </div> </div>
    查看全部
  • <div class="table-responsive"> <table class="table table-bordered">适应于页面宽度,小于768px会显示水平滚动条
    查看全部
  • table-condensed将单元格内距由8px调至5px
    查看全部
  • 面包屑式导航。
    查看全部
    0 采集 收起 来源:面包屑式导航

    2015-01-12

举报

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

微信扫码,参与3人拼团

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

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