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

玩转Bootstrap(基础)

  • //给懒得敲的同学 加上这 jquery可以获取当前鼠标移动的到的li 然后显示对应的效果 $(window).ready(function(){ $('#menutest2').dropdown(); }); $(function(){ $("li").click(function(){ $(this).addClass("active").siblings().removeClass("active"); }) })
    查看全部
  • btn-group默认是水平显示的,只有加了vertical(btn-group-vertical)才会垂直显示
    查看全部
  • <div class="btn-group"> <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">关于我们<span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="##">公司简介</a></li> <li><a href="##">企业文化</a></li> <li><a href="##">组织结构</a></li> <li><a href="##">客服服务</a></li> </ul> </div> btn-group不能省,否则会出现奇怪的效果
    查看全部
  • small是一个标签
    查看全部
    0 采集 收起 来源:标题(二)

    2018-01-29

  • 向右移动8个列的距离, col-md-push-8 向左移动4个列的距离, col-md-pull-4
    查看全部
    0 采集 收起 来源:列排序

    2018-01-29

  • 在Bootstrap框架的网格系统中带有响应式效果,其带有四种类型的浏览器(超小屏,小屏,中屏和大屏),其断点(像素的分界点)是768px、992px和1220px。
    查看全部
    0 采集 收起 来源:工作原理

    2018-01-29

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

    2018-01-29

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

    2018-01-29

  • 特别声明:在制作等分按钮组时,请尽量使用<a>标签元素来制作按钮,因为使用<button>标签元素时,使用display:table在部分浏览器下支持并不友好。
    查看全部
  • form-group容器上对应添加状态类名 1、.has-warning:警告状态(黄色) 2、.has-error:错误状态(红色) 3、.has-success:成功状态(绿色) 显示 icon 出来,“has-error”、“has-warning”和“has-success”后添加类名“has-feedback”。 小图标都是使用@font-face来制作。而且必须在表单中添加了一个 span 元素: <span class=" glyphicon glyphicon-warning-sign form-control-feedback"></span>
    查看全部
  • filedset禁用disabled,如果legend中有输入框的话,这个输入框是无法被禁用的。
    查看全部
  • 从效果图中可以看出,图标都居右。在 Bootstrap 的小图标都是使用@font-face来制作(后面的内容中将会着重用一节内容来介绍)。而且必须在表单中添加了一个 span 元素: <span class="glyphiconglyphicon-warning-sign form-control-feedback"></span>
    查看全部
  • 在Bootstrap框架中同样提供这几种效果。 1、.has-warning:警告状态(黄色) 2、.has-error:错误状态(红色) 3、.has-success:成功状态(绿色) 使用的时候只需要在form-group容器上对应添加状态类名 如果你想让表单在对应的状态下显示 icon 出来,只需要在对应的状态下添加类名“has-feedback”。请注意,此类名要与“has-error”、“has-warning”和“has-success”在一起:
    查看全部
  • 只需要在需要禁用的表单控件上加上“disabled”即可 在使用了“form-control”的表单控件中,样式设置了禁用表单背景色为灰色,而且手型变成了不准输入的形状。如果控件中不使用类名“form-control”,禁用的控件只会有一个不准输入的手型出来。 如果fieldset设置了disabled属性,整个域都将处于被禁用状态。
    查看全部
  • 焦点状态是通过伪类“:focus”来实现。Bootstrap框架中表单控件的焦点状态删除了outline的默认样式,重新添加阴影效果。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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