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

玩转Bootstrap(基础)

  • 很多时候,在表单验证的时候,不同的状态会提供不同的 icon,比如成功是一个对号(√),错误是一个叉号(×)等。在Bootstrap框中也提供了这样的效果。想让表单在对应的状态下显示 icon 出来,只需要在对应的状态下添加类名“has-feedback”。请注意,此类名要与“has-error”、“has-warning”和“has-success”在一起
    查看全部
  • 在制作表单时,不免要做表单验证。同样也需要提供验证状态样式,在Bootstrap框架中同样提供这几种效果。 1、.has-warning:警告状态(黄色) 2、.has-error:错误状态(红色) 3、.has-success:成功状态(绿色) 使用的时候只需要在form-group容器上对应添加状态类名。
    查看全部
  • 有时候,为了布局的需要,将复选框和单选按钮需要水平排列,bootstrap只需要在label标签上添加类名“checkbox-inline”或者“radio-inline”
    查看全部
  • 区分radio的"name"、"value"和选择框文本三个东西: 1.radio是按组来区分选择框的,“name”其实是组名,只有选择框的“name”相同才表明同组,这样才可以实现单选,试想一下,如果不同组那你选你的我选我的就都可以勾选了也就不是单项选择框了; 2.“value”代表的是这个选择框的值,是提交服务器用的,因为服务器要识别选择框的值,所以“value”的值必须不同这样才能区分不同选择框 ;3.选择框文本直接在<input>标签后写上就行。 总结一句就是"name"必须相同,"value"必须不同,文本在标签之后。
    查看全部
  • text-overflow: ellipsis; 属性规定当文本溢出包含元素时发生的事情。 white-space: nowrap; 规定段落中的文本不进行换行: 屏幕大于768px的时候,添加类名“.dl-horizontal”才具有水平定义列表效果。其实现主要方式: 1、将dt设置了一个左浮动,并且设置了一个宽度为160px 2、将dd设置一个margin-left的值为180px,达到水平的效果 3、当标题宽度超过160px时,将会显示三个省略号
    查看全部
  • <p class="text-justify">我两端对齐</p> Bootastrap的一大特点:将css样式定义在特定的类中(.className),使用时只需调用类名即可(class = "className").
    查看全部
    0 采集 收起 来源:文本对齐风格

    2018-03-22

  • 1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素,示例中为: <div class="dropdown"></div> 2、使用了一个<button>按钮做为父菜单,并且定义类名“dropdown-toggle”和自定义“data-toggle”属性,且值必须和最外容器类名一致,此示例为: data-toggle="dropdown" 3、下拉菜单项使用一个ul列表,并且定义一个类名为“dropdown-menu”,此示例为: <ul class="dropdown-menu">
    查看全部
  • 看代码
    查看全部
    0 采集 收起 来源:列的嵌套

    2018-03-19

  • 本来是向左浮动的 col-md-push-* 向右推 col-md-pull-* 向左拉
    查看全部
    0 采集 收起 来源:列排序

    2018-03-19

  • <button class="btn btn-primary btn-lg btn-block" type="button" disabled="disabled">通过disabled属性禁用按钮</button> <button class="btn btn-primary btn-block disabled" type="button">通过添加类名disabled禁用按钮</button>
    查看全部
  • 平常在制作表单验证时,"help-block"样式提示
    查看全部
    0 采集 收起 来源:表单提示信息

    2018-03-22

  • <form> <fieldset disabled> <legend>health information</legend> height: <input type="text" /> weight: <input type="text" /> </fieldset> </form>
    查看全部
  • 前面看到的表单控件都正常的大小。可以通过设置控件的height,line-height,padding和font-size等属性来实现控件的高度设置。不过Bootstrap框架还提供了两个不同的类名,用来控制表单控件的高度。这两个类名是: 1、input-sm:让控件比正常大小更小 2、input-lg:让控件比正常大小更大
    查看全部
    0 采集 收起 来源:表单控件大小

    2018-03-19

  • 1、在<form>元素是使用类名“form-horizontal”。 2、配合Bootstrap框架的网格系统。(网格布局会在以后的章节中详细讲解)
    查看全部
    0 采集 收起 来源:水平表单

    2018-03-22

  • .active 表示当前活动的信息 .success 表示成功或者正确的行为 .info 表示中立的信息或行为 .warning 表示警告,需要特别注意 .danger 表示危险或者可能是错误的行为
    查看全部

举报

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

微信扫码,参与3人拼团

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

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