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

玩转Bootstrap(基础)

  • class="btn" class="btn btn-default" "btn btn-primay" "btn btn-success" btn-info btn-warning btn-danger btn-link
    查看全部
    0 采集 收起 来源:按钮

    2018-03-22

  • <ul class="nav nav-pills nav-stacked"> <li class="active"><a href="##">商品介绍</a></li> <li><a href="##">规格参数</a></li> <li class="disabled"><a href="##">商品评价</a></li> <li><a href="##">售后保证</a></li> </ul>
    查看全部
  • <ul class="nav nav-pills"> <li class="active"><a href="##">商品介绍</a></li> <li><a href="##">规格参数</a></li> <li class="disabled"><a href="##">商品评价</a></li> <li><a href="##">售后保证</a></li> </ul>
    查看全部
  • <br /> <ul class="nav nav-tabs"> <li class="active"><a href="##">商品介绍</a></li> <li><a href="##">规格参数</a></li> <li><a href="##">商品评价</a></li> <li><a href="##">售后保证</a></li> </ul>
    查看全部
  • .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb> li { display: inline-block; } .breadcrumb> li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb> .active { color: #999; }
    查看全部
    0 采集 收起 来源:面包屑式导航

    2018-03-22

  • <title>图标</title> <span class="glyphicon glyphicon-search"></span> <span class="glyphicon glyphicon-asterisk"></span> <span class="glyphicon glyphicon-plus"></span> <span class="glyphicon glyphicon-cloud"></span>
    查看全部
    0 采集 收起 来源:图标(一)

    2018-03-22

  • 默认: 圆角:img-rounded 圆形:img-circle 缩略:img-thumbnail 响应式:img-responsive
    查看全部
    0 采集 收起 来源:图像

    2014-10-26

  • <div class="from-group has-error has-feedback"> <label class="control-label" for="semail">email地址</label> <input type="email" class="form-control" id="semail"> <span class="glyphicon glyphicon-remove form-control-feedback"> </div>
    查看全部
  • 1、input-sm:让控件比正常大小更小 2、input-lg:让控件比正常大小更大 <input class="form-control input-lg" type="text" placeholder="添加.input-lg,控件变大"> 表单的尺寸 .col-xs-4 .col-xs-5 .col-xs-6
    查看全部
    0 采集 收起 来源:表单控件大小

    2018-03-22

  • class="btn btn-info" class="btn btn-success" class="btn btn-warning" class="btn btn-danger" class="btn btn-inverse" 按钮也是表单重要控件之一,制作按钮通常使用下面代码来实现: ? input[type=“submit”] ? input[type=“button”] ? input[type=“reset”] ? <button>
    查看全部
  • <form role="form"> <div class="form-group"> <label class="checkbox-inline"> <input type="checkbox" value="option1">游戏 </label>
    查看全部
  • <div class="form-group"> <label class="radio-inline"> <input class="radio">游戏 </label> </div> <div class="form-group"> <label class="checkbox-inline"> <input class="checkbox">游戏 </label> </div>
    查看全部
  • 从上面的示例,我们可以得知: 1、不管是checkbox还是radio都使用label包起来了 2、checkbox连同label标签放置在一个名为“.checkbox”的容器内 3、radio连同label标签放置在一个名为“.radio”的容器内 在Bootstrap框架中,主要借助“.checkbox”和“.radio”样式,来处理复选框、单选按钮与标签的对齐方式
    查看全部
  • <form role="form"> <div class="form-group"> <textarea class="form-control" rows="3"></textarea> </div> </form>
    查看全部
  • 选择设置multiple属性的值为multiple。B
    查看全部

举报

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

微信扫码,参与3人拼团

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

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