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

玩转Bootstrap(基础)

  • <li class="dropdown-header">水果</li> 没有a标签
    查看全部
  • 分割线 <li role="presentation" class="divider"></li>
    查看全部
  • 1.自定义“data-toggle”属性,且值必须和最外容器类名一致,此示例为:data-toggle="dropdown" 2.将tabIndex赋值为-1,则在使用[Tab]键时,此元素被忽略。 3.使用role属性告诉辅助设备(如屏幕阅读器)这个元素所扮演的角色,属于WAI-ARIA. 例如点击的按钮,就是role="button" 4.aria-label属性: 正常情况下,会在表单里给input组件指定对应的label,当用户tab到输入框时,读屏软件就会读出相应label里的文本。 如:<label for=”username”>用户名:</label><input type=”text” id=”username”/> 当没有给输入框设计对应的label文本的位置时,aria-label属性为组件指定内置的文本标签。它不在视觉上呈现。 如:<input type=”text” aria-label=”用户名”/> 此时,当焦点落到该输入框时,读屏软件就会读出aria-label里的内容,即“用户名”。 aria-labelledby属性: 当想要的标签文本已在其他元素中存在时,可以将其值为该元素的id。
    查看全部
  • 30000多人在线啊,好火
    查看全部
    0 采集 收起 来源:表单控件大小

    2015-02-11

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

    2015-02-11

  • col-md-offset-1 向右偏移
    查看全部
    0 采集 收起 来源:列偏移

    2015-02-11

  • 方法1:在标签中添加disabled属性 方法2:在元素标签中添加类名“disabled” 通过类名“.disable”来禁用按钮,其链接行为是无法禁止。而在元素标签中添加“disabled”属性的方法是可以禁止元素的默认行为的
    查看全部
  • .btn-block 块状按钮
    查看全部
    0 采集 收起 来源:块状按钮

    2015-02-11

  • .btn可以创建按钮,但建议使用button或a标签来制作按钮
    查看全部
    0 采集 收起 来源:多标签支持

    2015-02-11

  • <button type="button" class="btn btn-default">默认按钮</button>
    查看全部
    0 采集 收起 来源:默认按钮

    2018-03-22

  • <button type="button" class="btn">我是一个基本按钮</button>
    查看全部
    0 采集 收起 来源:基本按钮

    2018-03-22

  • .help-block 提示信息
    查看全部
    0 采集 收起 来源:表单提示信息

    2015-02-11

  • <div class="form-group has-error has-feedback"> <label class="control-label" for="inputEmail">email地址</label> <input type="email" name="email" id="inputEmail" class="form-control" value="" required="required" title=""> <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span> </div>
    查看全部
  • 1禁用表单控件:.form-control 类控制下 加入disabled 2在fieldset中设置的disabled属性,整个区域将处于禁用状态
    查看全部
  • <button type="button" class="btn btn-default">default</button> <button type="button" class="btn btn-info">info</button> <button type="button" class="btn btn-danger">danger</button> <button type="button" class="btn btn-success">success</button> <button type="button" class="btn btn-warning">warning</button> <button type="button" class="btn btn-primary">primary</button>
    查看全部

举报

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

微信扫码,参与3人拼团

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

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