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

玩转Bootstrap(基础)

  • JoV
    列的嵌套 Bootstrap框架的网格系统还支持列的嵌套。你可以在一个列中添加一个或者多个行(row)容器,然后在这个行容器中插入列(像前面介绍的一样使用列)。但在列容器中的行容器(row),宽度为100%时,就是当前外部列的宽度。
    查看全部
    0 采集 收起 来源:列的嵌套

    2015-02-02

  • JoV
    列排序 列排序其实就是改变列的方向,就是改变左右浮动,并且设置浮动的距离。在Bootstrap框架的网格系统中是通过添加类名“col-md-push-*”和“col-md-pull-*” (其中星号代表移动的列组合数)。
    查看全部
    0 采集 收起 来源:列排序

    2014-12-13

  • JoV
    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、具体内容应当放置在列容器(column)之内,而且只有列(column)才可以作为行容器(.row)的直接子元素 4、通过设置内距(padding)从而创建列与列之间的间距。然后通过为第一列和最后一列设置负值的外距(margin)来抵消内距(padding)的影响
    查看全部
    0 采集 收起 来源:工作原理

    2018-03-22

  • JoV
    在Bootstrap框架中也为大家提供了近200个不同的icon图片,而这些图标都是使用CSS3的@font-face属性配合字体来实现的icon效果。 原理分析: Bootstrap框架中的图标都是字体图标,其实现原理就是通过@font-face属性加载了字体。 在Bootstrap框架中有一个fonts的目录,这个目录中提供的字体文件就是用于制作icon的字体文件。 自定义完字体之后,需要对icon设置一个默认样式,在Bootstrap框架中是通过给元素添加“glyphicon”类名来实现,然后通过伪元素“:before”的“content”属性调取对应的icon编码.
    查看全部
    0 采集 收起 来源:图标(一)

    2014-12-13

  • JoV
    在Bootstrap框架中,要禁用按钮有两种实现方式: 方法1:在标签中添加disabled属性 方法2:在元素标签中添加类名“disabled” 两者的主要区别是: “.disabled”样式不会禁止按钮的默认行为,比如说提交和重置行为等。如果想要让这样的禁用按钮也能禁止按钮的默认行为,则需要通过JavaScript这样的语言来处理。对于<a>标签也存在类似问题,如果通过类名“.disable”来禁用按钮,其链接行为是无法禁止。而在元素标签中添加“disabled”属性的方法是可以禁止元素的默认行为的。
    查看全部
  • JoV
    在Bootstrap中并不需要这样做,Bootstrap框架中提供了一个类名“btn-block”。按钮使用这个类名就可以让按钮充满整个容器,并且这个按钮不会有任何的padding和margin值。在实际当中,常把这种按钮称为块状按钮。
    查看全部
    0 采集 收起 来源:块状按钮

    2014-12-13

  • JoV
    btn-lg,btn-primary,btn-sm,btn-xs这几个类名可以配合按钮中其他颜色类名一起使用,但唯一一点不能缺少“.btn”类名
    查看全部
    0 采集 收起 来源:按钮大小

    2014-12-13

  • JoV
    多标签支持 一般制作按钮除了使用<button>标签元素之外,还可以使用<input type="submit">和<a>标签等。同样,在Bootstrap框架中制作按钮时,除了刚才所说的这些标签元素之外,还可以使用在其他的标签元素上,唯一需要注意的是,要在制作按钮的标签元素上添加类名“btn” 注意:虽然在Bootstrap框架中使用任何标签元素都可以实现按钮风格,但个人并不建议这样使用,为了避免浏览器兼容性问题,个人强烈建议使用button或a标签来制作按钮。
    查看全部
    0 采集 收起 来源:多标签支持

    2018-03-22

  • 自适应导航指的是导航占据容器全部宽度,而且菜单项可以像表格的单元格一样自适应宽度。
    查看全部
  • JoV
    默认按钮btn btn-default 主要按钮btn btn-primary 成功按钮btn btn-success 信息按钮btn btn-info 警告按钮btn btn-warning 危险按钮btn btn-danger 链接按钮btn btn-link
    查看全部
    0 采集 收起 来源:按钮

    2014-12-13

  • Bootstrap框架中制作导航条主要通过“.nav”样式。默认的“.nav”样式不提供默认的导航样式,必须附加另外一个样式才会有效,比如“nav-tabs”、“nav-pills”之类。
    查看全部
  • 在Bootstrap的小图标都是使用@font-face来制作。而且必须在表单中添加了一个span元素: <span class="glyphiconglyphicon-warning-sign form-control-feedback"></span>
    查看全部
  • 提取所有网页的共性布局
    查看全部
    0 采集 收起 来源:全局样式

    2014-12-12

  • css放到head里,js放到body的最下面。加入viewPort数据元以适应移动设备。对于ie8,可以使用html5的js
    查看全部
    0 采集 收起 来源:基本的HTML模板

    2014-12-12

  • ".radio + .radio," 加号表示相邻选择器,此处即表示class为radio的元素后面相邻的class为radio的元素所适用的css规则。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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