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

玩转Bootstrap(基础)

  • 网格系统用来布局,其实就是列的组合。Bootstrap框架的网格系统中有四种基本的用法。
    查看全部
    0 采集 收起 来源:基本用法

    2014-12-11

  • 在行(.row)中可以添加列(.column),但列数之和不能超过平分的总列数,比如12。如: <div class="container"> <div class="row"> <div class="col-md-4"></div> <div class="col-md-8"></div>
    查看全部
    0 采集 收起 来源:工作原理

    2018-03-22

  • 1、数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding)。如: <div class="container"> <div class="row"></div> </div>
    查看全部
    0 采集 收起 来源:工作原理

    2018-03-22

  • <li class="dropdown-header">水果</li>添加头部标题
    查看全部
  • tabindex 属性规定元素的 tab 键控制次序(当 tab 键用于导航时)。 注释:以下元素支持 tabindex 属性:<a>, <area>, <button>, <input>, <object>, <select> 以及 <textarea>。
    查看全部
  • 1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素,示例中为: <div class="dropdown"></div> 2、使用了一个<button>按钮做为父菜单,并且定义类名“dropdown-toggle”和自定义“data-toggle”属性,且值必须和最外容器类名一致,此示例为: data-toggle="dropdown" 3、下拉菜单项使用一个ul列表,并且定义一个类名为“dropdown-menu”,此示例为: <ul class="dropdown-menu">
    查看全部
  • 嵌套。你可以在一个列中添加一个或者多个行(row)容器,然后在这个行容器中插入列,但在列容器中的行容器(row),宽度为100%时,就是当前外部列的宽度。 注意:嵌套的列总数也需要遵循不超过12列。不然会造成末位列换行显示。
    查看全部
    0 采集 收起 来源:列的嵌套

    2014-12-11

  • 具体内容应当放置在列容器(column)之内,而且只有列(column)才可以作为行容器(.row)的直接子元素
    查看全部
    0 采集 收起 来源:工作原理

    2014-12-10

  • 1、数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding)。如: <div class="container"> <div class="row"></div> </div>
    查看全部
    0 采集 收起 来源:工作原理

    2018-03-22

  • 在网页中使用图标也非常的简单,在任何内联元素上应用所对应的样式即可: <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

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

    2018-03-22

  • 自定义完字体之后,需要对icon设置一个默认样式,在Bootstrap框架中是通过给元素添加“glyphicon”类名来实现,然后通过伪元素“:before”的“content”属性调取对应的icon编码:
    查看全部
    0 采集 收起 来源:图标(一)

    2014-12-10

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

    2014-12-10

  • 在Bootstrap框架中,要禁用按钮有两种实现方式: 方法1:在标签中添加disabled属性 方法2:在元素标签中添加类名“disabled”
    查看全部
  • Bootstrap按钮的活动状态主要包括按钮的悬浮状态(:hover),点击状态(:active)和焦点状态(:focus)几种。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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