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

玩转Bootstrap(基础)

  • 等分按钮也常被称为是自适应分组按钮,其实现方法也非常的简单,只需要在按钮组“btn-group”上追加一个“btn-group-justified”类名
    查看全部
  • 我们只需要把水平分组的“btn-group”类名换成“btn-group-vertical”即可。
    查看全部
  • <div class="btn-group"> <button class="btnbtn-default" type="button">联系我们</button> <div class="btn-group"> <button class="btnbtn-default dropdown-toggle" data-toggle="dropdown" type="button">关于我们<span class="caret"></span></button> <ul class="dropdown-menu">
    查看全部
  • <div class="btn-toolbar"> <div class="btn-group"> … </div> <div class="btn-group"> … </div>
    查看全部
  • <div class="btn-group">
    查看全部
  • <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu1">
    查看全部
  • <li role="presentation" class="dropdown-header">第一部分菜单头部</li>
    查看全部
  • <li role="presentation" class="divider"></li>
    查看全部
  • 1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素,示例中为: <div class="dropdown"></div> 2、使用了一个<button>按钮做为父菜单,并且定义类名“dropdown-toggle”和自定义“data-toggle”属性,且值必须和最外容器类名一致,此示例为: data-toggle="dropdown" 3、下拉菜单项使用一个ul列表,并且定义一个类名为“dropdown-menu”,此示例为: <ul class="dropdown-menu">
    查看全部
  • <div class="row"> <div class="col-md-8"> 我的里面嵌套了一个网格 <div class="row"> <div class="col-md-6">col-md-6</div> <div class="col-md-6">col-md-6</div> </div> </div>
    查看全部
    0 采集 收起 来源:列的嵌套

    2018-03-22

  • 你在列元素上添加“col-md-offset-4”,表示该列向右移动4个列的宽度。
    查看全部
    0 采集 收起 来源:列偏移

    2014-10-13

  • 1、数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding)。 2、在行(.row)中可以添加列(.column),但列数之和不能超过平分的总列数,比如12。
    查看全部
    0 采集 收起 来源:工作原理

    2014-10-13

  • 1、img-responsive:响应式图片,主要针对于响应式设计 2、img-rounded:圆角图片 3、img-circle:圆形图片 4、img-thumbnail:缩略图片
    查看全部
    0 采集 收起 来源:图像

    2014-10-13

  • <button class="btn btn-primary btn-lg btn-block" type="button" disabled="disabled">通过disabled属性禁用按钮</button> <button class="btn btn-primary btn-block disabled" type="button">通过添加类名disabled禁用按钮</button>
    查看全部
  • 有时候在制作按钮的时候需要按钮宽度充满整个父容器(width:100%),特别是在移动端的制作中。那么前面的方法我们都无法很好的实现,除非重新定义按钮的宽度。其实在Bootstrap中并不需要这样做,Bootstrap框架中提供了一个类名“btn-block”。按
    查看全部
    0 采集 收起 来源:块状按钮

    2014-10-13

举报

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

微信扫码,参与3人拼团

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

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