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

玩转Bootstrap(基础)

  • 按钮下拉菜单其实就是普通的下拉菜单,只不过把“<a>”标签元素换成了“<button>”标签元素。唯一不同的是外部容器“div.dropdown”换成了“div.btn-group”。
    查看全部
    0 采集 收起 来源:按钮下拉菜单

    2018-03-22

  • 在制作等分按钮组时,请尽量使用<a>标签元素来制作按钮,因为使用<button>标签元素时,使用display:table在部分浏览器下支持并不友好
    查看全部
  • Bootstrap框架中下拉菜单默认是左对齐,如果你想让下拉菜单相对于父容器右对齐时,可以在“dropdown-menu”上添加一个“pull-right”或者“dropdown-menu-right”类名。同时一定要为.dropdown添加float:leftcss样式。
    查看全部
  • panel-body设置了一个padding:15px的值,为了实现这样的效果。我们在实际使用的时候需要把table提取到panel-body外面.
    查看全部
  • 在Bootstrap框架的网格系统中带有响应式效果,其带有四种类型的浏览器(超小屏,小屏,中屏和大屏),其断点(像素的分界点)是768px、992px和1220px。
    查看全部
    0 采集 收起 来源:工作原理

    2015-01-04

  • 在HTML文档中,列表结构主要有三种:有序列表<ul><li>、无序列表<ol><li>和定义列表<dl><dt>。
    查看全部
    0 采集 收起 来源:列表--简介

    2018-03-22

  • 在网页中使用图标也非常的简单,在任何内联元素上应用所对应的样式即可
    查看全部
    0 采集 收起 来源:图标(二)

    2015-01-04

  • 虽然在Bootstrap框架中使用任何标签元素都可以实现按钮风格,但个人并不建议这样使用,为了避免浏览器兼容性问题,个人强烈建议使用button或a标签来制作按钮。
    查看全部
    0 采集 收起 来源:多标签支持

    2015-01-04

  • 在制作表单时,不免要做表单验证。同样也需要提供验证状态样式,在Bootstrap框架中同样提供这几种效果。 1、.has-warning:警告状态(黄色) 2、.has-error:错误状态(红色) 3、.has-success:成功状态(绿色) 使用的时候只需要在form-group容器上对应添加状态类名。 如果你想让表单在对应的状态下显示icon出来,只需要在对应的状态下添加类名“has-feedback”。请注意,此类名要与“has-error”、“has-warning”和“has-success”在一起:
    查看全部
  • 表单控件状态(禁用状态):在相应的表单控件上添加属性“disabled” 在Bootstrap框架中,如果fieldset设置了disabled属性,整个域都将处于被禁用状态。<fieldset disabled><div>全部禁用了。。。</div>....</fieldset > 据说对于整个禁用的域中,如果legend中有输入框的话,这个输入框是无法被禁用的。
    查看全部
  • Bootstrap框架还提供了两个不同的类名,用来控制表单控件的高度。这两个类名是: 1、input-sm:让控件比正常大小更小 2、input-lg:让控件比正常大小更大
    查看全部
    0 采集 收起 来源:表单控件大小

    2015-01-04

  • <div class="btn-group"> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-search"></span> </button> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-zoom-in"></span> </button> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-zoom-out"></span> </button> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-download"></span> </button> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-upload"></span> </button> </div>
    查看全部
  • 表单控件状态(禁用状态):在相应的表单控件上添加属性“disabled” 在Bootstrap框架中,如果fieldset设置了disabled属性,整个域都将处于被禁用状态。<fieldset disabled><div>全部禁用了。。。</div>....</fieldset > 据说对于整个禁用的域中,如果legend中有输入框的话,这个输入框是无法被禁用的。
    查看全部
  • 1、如果checkbox需要水平排列,只需要在label标签上添加类名“checkbox-inline” 2、如果radio需要水平排列,只需要在label标签上添加类名“radio-inline”
    查看全部
  • 添加类名“form-inline” 内联表单实现原理非常简单,欲将表单控件在一行显示,就需要将表单控件设置成内联块元素(display:inline-block)。
    查看全部
    0 采集 收起 来源:内联表单

    2015-01-04

举报

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

微信扫码,参与3人拼团

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

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