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

玩转Bootstrap(基础)

  • 使用一个名为“btn-group”的容器,把多个按钮放到这个容器中
    查看全部
  • 当前状态(.active)和禁用状态(.disabled)
    查看全部
  • 菜单标题dropdown-header <li role="presentation" class="dropdown-header">第一部分菜单头部</li>
    查看全部
  • <li>添加类名“divider”来实现添加下拉分隔线的功能。 <li role="presentation" class="divider"></li>
    查看全部
  • 使用方法: 在使用Bootstrap框架中的下拉菜单组件时,其结构运用的正确与否非常的重要,如果结构和类名未使用正确,直接影响组件是否能正常运用。我们来简单的看看: 1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素,示例中为: <div class="dropdown"></div> 2、使用了一个<button>按钮做为父菜单,并且定义类名“dropdown-toggle”和自定义“data-toggle”属性,且值必须和最外容器类名一致,此示例为: data-toggle="dropdown" 3、下拉菜单项使用一个ul列表,并且定义一个类名为“dropdown-menu”,此示例为: <ul class="dropdown-menu">
    查看全部
  • breadcrumb实现面包屑导航
    查看全部
    0 采集 收起 来源:面包屑式导航

    2014-11-07

  • Bootstrap框架的网格系统工作原理如下: 1、数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding)。如: <div class="container"> <div class="row"></div> </div> 2、在行(.row)中可以添加列(.column),但列数之和不能超过平分的总列数,比如12。如: <div class="container"> <div class="row"> <div class="col-md-4"></div> <div class="col-md-8"></div> 3、具体内容
    查看全部
    0 采集 收起 来源:工作原理

    2018-03-22

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

    2014-11-08

  • 有时候在制作按钮的时候需要按钮宽度充满整个父容器(width:100%),特别是在移动端的制作中。那么前面的方法我们都无法很好的实现,除非重新定义按钮的宽度。其实在Bootstrap中并不需要这样做,Bootstrap框架中提供了一个类名“btn-block”。按钮使用这个类名就可以让按钮充满整个容器,并且这个按钮不会有任何的padding和margin值。在实际当中,常把这种按钮称为块状按钮。
    查看全部
    0 采集 收起 来源:块状按钮

    2014-11-07

  • <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>
    查看全部
    0 采集 收起 来源:按钮大小

    2018-03-22

  • 默认按钮btn btn-default 主要按钮btn btn-primary 成功按钮btn btn-success 信息按钮btn btn-info 警告按钮btn btn-warning 危险按钮btn btn-danger 链接按钮btn btn-link
    查看全部
    0 采集 收起 来源:按钮

    2014-11-07

  • 在Bootstrap框架中同样提供这几种效果。 1、.has-warning:警告状态(黄色) 2、.has-error:错误状态(红色) 3、.has-success:成功状态(绿色) 使用的时候只需要在form-group容器上对应添加状态类名。
    查看全部
  • 只需要将li当作父容器,使用类名“dropdown”,同时在li中嵌套另一个列表ul 用之前的下拉菜单方法就可以了
    查看全部
  • “nav-justified”。当然他需要和“nav-tabs”或者“nav-pills”配合在一起使用。制作自适应导航
    查看全部
  • 1、Bootstrap框架的表单控件的禁用状态和普通的表单禁用状态实现方法是一样的,在相应的表单控件上添加属性“disabled”。 2、在Bootstrap框架中,如果fieldset设置了disabled属性,整个域都将处于被禁用状态。 3、整个禁用的域中,如果legend中有输入框的话,这个输入框是无法被禁用的
    查看全部

举报

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

微信扫码,参与3人拼团

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

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