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

bootstrap快速入门

难度中级
时长 2小时 5分
学习人数
综合评分9.37
179人评价 查看评价
9.6 内容实用
9.4 简洁易懂
9.1 逻辑清晰
  • 标题字号
    查看全部
  • progress进度条 <div class="progress"> <div class="progress-bar progress-bar-success progress-bar-striped" >20%</div> </div>
    查看全部
    0 采集 收起 来源:进度条

    2018-03-22

  • 基本的控件 <div class="input-group"> <span class="input-group-addon">放置额外的内容及图标</span> <input type="text" class="form-control"> </div>
    查看全部
    0 采集 收起 来源:控件组

    2018-03-22

  • 以一个带有class.nav 的无序列表开始 .nav-tabs代表可切换的导航 .nav-pills代表胶囊导航 .nav-justified使导航垂直 <ul class="nav nav-tabs"> <li class="active"></li> <li></li> <li></li> </ul>
    查看全部
    0 采集 收起 来源:导航

    2018-03-22

  • 阿里巴巴矢量图标库 http://www.iconfont.cn/
    查看全部
    0 采集 收起 来源:图标

    2017-05-04

  • input控件组.input-group <div class="input-group"> <span >.input-group-addon放置额外的内容及图标</span> <input type="text" class="form-control "> </div> 按钮控件组 <div class="btn-group"> <button class="btn btn-default"></button> </div>
    查看全部
    0 采集 收起 来源:控件组

    2018-03-22

  • <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" id="dropdownMenu1" aria-haspopup="true" aria-expanded="false"> download <span class="caret"></span> </button> <ul class="dropdown-menu" aria-leballedby="dropsownMenu1" > <li ><a href="#">北京</a></li> <li class=""divider></li> <li ><a href="#">上海</a></li> <li class=""divider></li> <li ><a href="#">广州</a></li> <li class=""divider></li> <li ><a href="#">深圳</a></li> </ul> </div>
    查看全部
    0 采集 收起 来源:下拉菜单

    2018-03-22

  • 字体图标<span class="glyphicon-star"><span> <div class="btn-group"> <button class="btn btn-control btn-default"> <label class="glyphicon glyphicon-circle-arrow-down">download</label> </button> </div>
    查看全部
    0 采集 收起 来源:字体图标

    2018-03-22

  • role角色 用于语义化方便浏览器 data-自定义属性 在页面上时不显示的。
    查看全部
  • <mak>特别标记</mak>
    查看全部
  • <div class="btn-group"> <button class="btn btn-default btn-lg"></button> </div>
    查看全部
  • 按钮button.btn 基础按钮button.btn btn-default 主要按钮button .btn btn-primary 成功按钮button.btn btn-success 警告按钮button.btn btn-warning 危险按钮button.btn btn-danger 链接按钮 button .btn btn-link button.btn btn-insever
    查看全部
  • 表单 基础表单:input/select/textarea等用.form-control 水平表单:form.form.horizontal 内联表单: form.form-inline 输入控件 input.form-control 下拉控件:select.form-control 文本控件: textarea.form-control 复选框和单选框:<label><input type="text"control="form-control" /></babel> label.checkbox-inline和label.radio-inline内联样式.
    查看全部
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link href="../../css/bootstrap.min.css" type="text/css" rel="stylesheet"> <style> .test{ height: 200px; background: red; } </style> </head> <body> <div class="test col-lg-3 col-md-4 col-sm-6 col-xs-12"></div> </body> </html>
    查看全部
    0 采集 收起 来源:栅格布局

    2018-03-22

  • 没有源码么
    查看全部
    0 采集 收起 来源:栅格布局

    2017-05-02

举报

0/150
提交
取消
课程须知
本教程适合具有一定前端基础的人员,对HTML、CSS、JavaScript有一定的了解。
老师告诉你能学到什么?
(1)如何快速搭建网页 (2)如何使用组件开发 (3)使用bootstrap插件实现网页的开发

微信扫码,参与3人拼团

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

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