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

玩转Bootstrap(基础)

  • class="list-inline"垂直列表变成水平列表,实现内联(内敛列表不能改变高度,可以改变宽度)
    查看全部
  • class = "list-unstyled"去除默认列表样式风格
    查看全部
  • <p class="text-left">我居左</p> <p class="text-center">我居中</p> <p class="text-right">我居右</p> <p class="text-justify">我两端对齐</p>
    查看全部
    0 采集 收起 来源:文本对齐风格

    2018-03-22

  • text-muted:提示,使用浅灰色(#999) .text-primary:主要,使用蓝色(#428bca) .text-success:成功,使用浅绿色(#3c763d) .text-info:通知信息,使用浅蓝色(#31708f) .text-warning:警告,使用黄色(#8a6d3b) .text-danger:危险,使用褐色(#a94442)
    查看全部
    0 采集 收起 来源:强调相关的类

    2017-12-15

  • 1、使用<code></code>来显示单行内联代码 2、使用<pre></pre>来显示多行块代码 3、使用<kbd></kbd>来显示用户输入代码
    查看全部
    0 采集 收起 来源:代码(一)

    2018-03-22

  • h1~h3的margin为20px;h4-h6的margin为10px 定义了6个类名。h1 h2 h3 h4 h5 h6 大小:h1为36px,依次减6
    查看全部
    0 采集 收起 来源:标题(一)

    2017-12-14

  • 热热212
    查看全部
  • 你只需要在pre标签上添加类名“.pre-scrollable”,就可以控制代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条。 /*源码请查看bootstrap.css第731行~第734行*/ .pre-scrollable { max-height: 340px; overflow-y: scroll; }
    查看全部
    0 采集 收起 来源:代码(二)

    2017-12-12

  • 1、<code>:一般是针对于单个单词或单个句子的代码 2、<pre>:一般是针对于多行代码(也就是成块的代码) 3、<kbd>:一般是表示用户要通过键盘输入的内容
    查看全部
    0 采集 收起 来源:代码(一)

    2018-03-22

  • 对于定义列表而言,Bootstrap并没有做太多的调整,只是调整了行间距,外边距和字体加粗效果。 /*源码请查看bootstrap.css文件第594行~第607行*/ dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; }
    查看全部
  • 内联列表就是为制作水平导航而生。 .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; }
    查看全部
  • 就是 list-style: none;而已
    查看全部
  • 列表嵌套 在Bootstrap中列表也是可以嵌套的,如右侧编辑器中的代码就是有序列表(25-35行)。
    查看全部
  • Bootstrap根据平时的使用情形提供了六种形式的列表: 普通列表 有序列表 去点列表 内联列表 描述列表 水平描述列表
    查看全部
    0 采集 收起 来源:列表--简介

    2017-12-12

  • 为了简化操作,方便使用,Bootstrap通过定义四个类名来控制文本的对齐风格: .text-left:左对齐 .text-center:居中对齐 .text-right:右对齐 .text-justify:两端对齐 具体源码查看bootstrap.css文件第488行~第499行: .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; }
    查看全部
    0 采集 收起 来源:文本对齐风格

    2017-12-12

举报

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

微信扫码,参与3人拼团

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

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