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

玩转Bootstrap(基础)

  • 1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素 2、使用了一个<button>按钮做为父菜单,并且定义类名“dropdown-toggle”和自定义“data-toggle”属性,且值必须和最外容器类名一致 3、下拉菜单项使用一个ul列表,并且定义一个类名为“dropdown-menu” Bootstrap的组件交互效果都是依赖于jQuery库写的插件,所以在使用bootstrap.min.js之前一定要先加载jquery.min.js才会生效果。
    查看全部
  • 使用”col-md-offset-*”对列进行向右偏移时,要保证列与偏移列的总数不超过12,不然会致列断行显示
    查看全部
    0 采集 收起 来源:列偏移

    2015-01-07

  • <div class="btn-group dropup">图标向上添加一个“dropup”
    查看全部
  • 虽然在Bootstrap框架中使用任何标签元素都可以实现按钮风格,但个人并不建议这样使用,为了避免浏览器兼容性问题,个人强烈建议使用button或a标签来制作按钮。
    查看全部
    0 采集 收起 来源:多标签支持

    2015-01-07

  • 我们的三角方向需要朝上显示,实现方法:需要在“.btn-group”类上追加“dropup”类名(这也是做向上弹起下拉菜单要用的类名)。
    查看全部
  • 在制作等分按钮组时,请尽量使用<a>标签元素来制作按钮,因为使用<button>标签元素时,使用display:table在部分浏览器下支持并不友好。
    查看全部
  • <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">这行代码容易搞混。
    查看全部
  • btn-group代替dropdown实现导航菜单样式的下拉菜单
    查看全部
  • 需要将按钮组“btn-group”按组放在一个大的容器“btn-toolbar”中
    查看全部
  • 使用一个名为“btn-group”的容器,把多个按钮放到这个容器中 1、默认所有按钮都有圆角 2、除第一个按钮和最后一个按钮(下拉按钮除外),其他的按钮都取消圆角效果 3、第一个按钮只留左上角和左下角是圆角 4、最后一个按钮只留右上角和右下角是圆角
    查看全部
  • .dropdown{ float: left; } dropdown需要添加浮动 有一个类名刚好与“dropdown-menu-right”相反的类名“dropdown-menu-left”,其效果就是让下拉菜单与父容器左边对齐,其实就是默认效果。
    查看全部
  • 分割线<li role="presentation" class="divider"></li>
    查看全部
  • 通过给无序列表添加一个类名“.list-unstyled”,这样就可以去除默认的列表样式的风格。
    查看全部
  • 简单灵活的应用前端的一个框架,简单迅速以及优雅~
    查看全部
    1 采集 收起 来源:Bootstrap简介

    2015-01-07

  • 在Bootstrap中,可以使用<b>和<strong>标签让文本直接加粗。
    查看全部
    0 采集 收起 来源:粗体

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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