为了账号安全,请及时绑定邮箱和手机立即绑定
  • 在 Bootstrap中,任何下拉菜单中均可通过添加标题来标明一组动作,添加方式为:<li class="dropdown-header">标题名称</li>。
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 通过添加 .navbar-left 和 .navbar-right 工具类让导航链接、表单、按钮或文本对齐。两个类都会通过 CSS 设置特定方向的浮动样式。 Bootstrap中<li class="divider"></li>可以添加分割线。
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 仅通过data属性API就能使用所有bt插件 以下为:下拉菜单代码 <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">特点</a> <ul class="dropdown-menu" role=" menu"> <li><a href="#">action</a></li> <li><a href="#">action</a></li> <li><a href="#">action</a></li> <li class-"divider"><a href="#">action</a></li> <li><a href="#">action</a></li> </ul> </li>
    查看全部
  • navbar-fixed-top类 可以让导航条固定顶部,固定的导航条会遮住页面上的其它内容, 除非给<body>元素设置padding. 导航条的默认高度是50px, 比如设置: body{padding-top:70px;} navbar-inverse类:黑底白字
    查看全部
  • 默认折叠式导航代码: <nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div classs="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Brand</a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> </div>
    查看全部
  • 导航条依赖js,响应式导航条依赖折叠(collapse)插件 如果引入的是bootstrap.min.js则无需在意 如果引入的是具体的js插件,那么需要注意调用collapse插件
    查看全部
  • 1、明确需求 2、 素材收集(文字、图片等); 下载bootstrap框架,js需要新增下载几个文件: 》html5shiv.js 解决ie对html5的支持 》jquery-1.11.1.min.js 》respond.min.js 解决ie8对css3媒体查询的支持 》jquery-1.11.1.min.map 将HTML文档保存在bootstrap-dist中,与框架内容在同一文件夹中方便引用。
    查看全部
  • 定制bt
    查看全部
  • data属性
    查看全部
  • bt中的组件
    查看全部
  • 栅格的class在屏幕宽度大于或等于阈值的设备上起作用并针对小屏幕设备所设置的class覆盖掉
    查看全部
  • bt核心内容: grid system 移动设备优先的流式栅格系统, 通过一系列的行和列组合创建页面布局,页面内容放入创建好的布局中 工作原理: 行必须包含在container容器中 行在水平方向中组建一组列,并且只有列可以作为行的直接子元素 内容放置与列中, padding设置列间间隔,为第一和最后一列设置负值margin来抵消padding的影响 1-12表示跨越的范围
    查看全部
  • bt自带了一系列漂亮的css样式 覆盖了:排版、表格、表单、按钮、图片等web页面设计中常用的元素
    查看全部
  • class: text-center --设置文本居中 btn --按钮样式定义 btn-primary --蓝色按钮定义
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-04

  • width=device-width:指视区宽度设置为设备屏幕宽度 initial-scale=1 :设置web页面的初始缩放比例为1,即不缩放 user-scalable :指定用户是否可以缩放视区即缩放web页面的视图
    查看全部
    0 采集 收起 来源:练习题

    2015-08-04

举报

0/150
提交
取消
课程须知
本课程针对Bootstrap基础知识进行概览式介绍,所以希望您已学习本网站的“玩转Bootstrap”课程知识点,同时希望您会使用HTML、CSS、JavaScript做简单的网页,如果您已具备jQuery基础知识会更好。
老师告诉你能学到什么?
1.了解Bootstrap框架基础知识。 2. 如何开始使用Bootstrap框架。 3. 如何运行初始代码,并修改成所需要的代码。 4. 如何利用Bootstrap制作响应式布局的网页。 5. 如何使用Bootstrap中的组件、插件及定制。

微信扫码,参与3人拼团

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

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