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

玩转Bootstrap(基础)

  • 在Bootstrap框架中,要禁用按钮有两种实现方式: 方法1:在标签中添加disabled属性 方法2:在元素标签中添加类名“disabled”
    查看全部
  • Bootstrap按钮的活动状态主要包括按钮的悬浮状态(:hover),点击状态(:active)和焦点状态(:focus)
    查看全部
  • Bootstrap框架中提供了一个类名“btn-block”。按钮使用这个类名就可以让按钮充满整个容器,并且这个按钮不会有任何的padding和margin值。在实际当中,常把这种按钮称为块状按钮。
    查看全部
    0 采集 收起 来源:块状按钮

    2017-09-11

  • <button class="btn btn-primary btn-lg" type="button">大型按钮.btn-lg</button> <button class="btn btn-primary" type="button">正常按钮</button> <button class="btn btn-primary btn-sm" type="button">小型按钮.btn-sm</button> <button class="btn btn-primary btn-xs" type="button">超小型按钮.btn-xs</button> 在Bootstrap框架中提供了三个类名来控制按钮大小。
    查看全部
    0 采集 收起 来源:按钮大小

    2018-03-22

  • <button class="btn btn-default" type="button">button标签按钮</button> <input type="submit" class="btn btn-default" value="input标签按钮"/> <a href="##" class="btn btn-default">a标签按钮</a> <span class="btn btn-default">span标签按钮</span> <div class="btn btn-default">div标签按钮</div>
    查看全部
    0 采集 收起 来源:多标签支持

    2018-03-22

  • 要在制作按钮的标签元素上添加类名“btn”。如果不添加是不会有任何按钮效果。
    查看全部
    0 采集 收起 来源:多标签支持

    2017-09-11

  • .btn-default”定义了一个默认的按钮风格
    查看全部
    0 采集 收起 来源:默认按钮

    2017-09-11

  • <button class="btn" type="button">基础按钮.btn</button> <button class="btn btn-default" type="button">默认按钮.btn-default</button> <button class="btn btn-primary" type="button">主要按钮.btn-primary</button> <button class="btn btn-success" type="button">成功按钮.btn-success</button> <button class="btn btn-info" type="button">信息按钮.btn-info</button> <button class="btn btn-warning" type="button">警告按钮.btn-warning</button> <button class="btn btn-danger" type="button">危险按钮.btn-danger</button> <button class="btn btn-link" type="button">链接按钮.btn-link</button>
    查看全部
    0 采集 收起 来源:按钮

    2018-03-22

  • 使用了一个"help-block"样式,将提示信息以块状显示,并且显示在控件底部。
    查看全部
    0 采集 收起 来源:表单提示信息

    2018-03-22

  • 在制作表单时,不免要做表单验证。同样也需要提供验证状态样式,在Bootstrap框架中同样提供这几种效果。 1、.has-warning:警告状态(黄色) 2、.has-error:错误状态(红色) 3、.has-success:成功状态(绿色)
    查看全部
  • 对于整个禁用的域中,如果legend中有输入框的话,这个输入框是无法被禁用的。我们一起来验证一下: <form role="form"> <fieldset disabled> <legend><input type="text" class="form-control" placeholder="显然我颜色变灰了,但是我没被禁用,不信?单击试一下" /></legend> … </fieldset> </form>
    查看全部
  • 使用方法为:只需要在需要禁用的表单控件上加上“disabled”即可: <input class="form-control" type="text" placeholder="表单已禁用,不能输入" disabled>
    查看全部
  • 要让控件在焦点状态下有上面样式效果,需要给控件添加类名“form-control”:
    查看全部
  • 1、input-sm:让控件比正常大小更小 2、input-lg:让控件比正常大小更大
    查看全部
    0 采集 收起 来源:表单控件大小

    2017-09-11

  • 1、input-sm:让控件比正常大小更小 2、input-lg:让控件比正常大小更大
    查看全部
    0 采集 收起 来源:表单控件大小

    2017-09-10

举报

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

微信扫码,参与3人拼团

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

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