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

玩转Bootstrap(基础)

  • 多标签支持 一般制作按钮除了使用<button>标签元素之外,还可以使用<input type="submit">和<a>标签等。 同样,在Bootstrap框架中制作按钮时,除了刚才所说的这些标签元素之外, 还可以使用在其他的标签元素上,唯一需要注意的是,要在制作按钮的标签元素上添加类名“btn”。如果不添加是不会有任何按钮效果。
    查看全部
    0 采集 收起 来源:多标签支持

    2018-03-22

  • 默认按钮 Bootstrap框架首先通过基础类名“.btn”定义了一个基础的按钮风格,然后通过“.btn-default”定义了一个默认的按钮风格。默认按钮的风格就是在基础按钮的风格的基础上修改了按钮的背景颜色、边框颜色和文本颜色。 /*源码请查阅bootstrap.css文件第2040行~第2044行*/ .btn-default { color: #333; background-color: #fff; border-color: #ccc; } 使用默认按钮风格也非常的简单,只需要在基础按钮“btn”的基础上增加类名“btn-default”即可: <button class="btn btn-default" type="button">默认按钮</button>
    查看全部
    0 采集 收起 来源:默认按钮

    2018-03-22

  • Bootstrap框架的按钮使用非常的简单,使用方式如下: <button class="btn" type="button">我是一个基本按钮</button>
    查看全部
    0 采集 收起 来源:基本按钮

    2018-03-22

  • 平常在制作表单验证时,要提供不同的提示信息。在Bootstrap框架中也提供了这样的效果。使用了一个"help-block"样式,将提示信息以块状显示,并且显示在控件底部。
    查看全部
    0 采集 收起 来源:表单提示信息

    2018-03-22

  • 很多时候,在表单验证的时候,不同的状态会提供不同的icon,比如成功是一个对号(√),错误是一个叉号(×)等。在Bootstrap框中也提供了这样的效果。如果你想让表单在对应的状态下显示icon出来,只需要在对应的状态下添加类名“has-feedback”。请注意,此类名要与“has-error”、“has-warning”和“has-success”在一起:
    查看全部
  • 焦点状态是通过伪类“:focus”来实现。Bootstrap框架中表单控件的焦点状态删除了outline的默认样式,重新添加阴影效果。 源码请查阅bootstrap.css文件第1707行~第1712行 从源码中我们可以看出,要让控件在焦点状态下有上面样式效果,需要给控件添加类名“form-control”:
    查看全部
  • 介绍水平表单时说过,如果表单使用了类名“form-horizontal”,其中“form-group”就相当于网格系统中的“row”。换句话说,如果没有这样做,要通过网格系统来控制表单控件宽度,
    查看全部
    0 采集 收起 来源:表单控件大小

    2014-10-10

  • 1、不管是checkbox还是radio都使用label包起来了 2、checkbox连同label标签放置在一个名为“.checkbox”的容器内 3、radio连同label标签放置在一个名为“.radio”的容器内 在Bootstrap框架中,主要借助“.checkbox”和“.radio”样式,来处理复选框、单选按钮与标签的对齐方式。源码请查看bootstrap.css文件第1742行~第1762行:
    查看全部
  • 在Bootstrap框架中实现这样的表单效果是轻而易举的,你只需要在<form>元素中添加类名“form-inline”即可。 内联表单实现原理非常简单,欲将表单控件在一行显示,就需要将表单控件设置成内联块元素(display:inline-block)。 /*源码请查阅bootstrap.css文件第1928行~第1962行*/ 如果你要在input前面添加一个label标签时, 会导致input换行显示。 如果你必须添加这样的一个label标签,并且不想让input换行, 你需要将label标签也放在容器“form-group”中,
    查看全部
    0 采集 收起 来源:内联表单

    2018-03-22

  • Bootstrap框架中的“form-control”样式的表单控件宽度为100%或auto。
    查看全部
  • bootstrap 3不支持ie7跟火狐3.x版本
    查看全部
  • <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询,如果不需要用可以移除 --> <!-- 注意:respond.js 不支持file://方式的访问 --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->
    查看全部
    0 采集 收起 来源:基本的HTML模板

    2018-03-22

  • done
    查看全部
    0 采集 收起 来源:列偏移

    2014-10-07

  • 这2个js下载到本地待用! 使IE6、7、8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可。 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 同理为使IE6、7、8版本浏览器兼容css3样式,引入下面代码: <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    查看全部
    0 采集 收起 来源:基本的HTML模板

    2018-03-22

  • Bootstrap根据平时的使用情形提供了六种形式的列表: ☑ 普通列表 ☑ 有序列表 ☑ 去点列表 ☑ 内联列表 ☑ 描述列表 ☑ 水平描述列表
    查看全部
    0 采集 收起 来源:列表--简介

    2014-10-01

举报

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

微信扫码,参与3人拼团

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

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