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

玩转Bootstrap(基础)

  • Bootstrap通过给普通列表添加一个类名“.list-unstyled”,就可以去除默认的列表样式的风格。
    查看全部
  • 为了简化操作,方便使用,Bootstrap通过定义四个类名来控制文本的对齐风格: ☑ .text-left:左对齐 ☑ .text-center:居中对齐 ☑ .text-right:右对齐 ☑ .text-justify:两端对齐
    查看全部
    0 采集 收起 来源:文本对齐风格

    2018-03-22

  • 强调相关的类 在Bootstrap中除了使用标签<strong>、<em>等说明正文某些字词、句子的重要性,Bootstrap还定义了一套类名,这里称其为强调类名(类似前面说的“.lead”),这些强调类都是通过颜色来表示强调,具本说明如下: .text-muted:提示,使用浅灰色(#999) .text-primary:主要,使用蓝色(#428bca) .text-success:成功,使用浅绿色(#3c763d) .text-info:通知信息,使用浅蓝色(#31708f) .text-warning:警告,使用黄色(#8a6d3b) .text-danger:危险,使用褐色(##a94
    查看全部
    0 采集 收起 来源:强调相关的类

    2018-03-22

  • 斜体:在Bootstrap中还可以通过使用标签<em>或<i>来实现。
    查看全部
    0 采集 收起 来源:斜体

    2018-03-22

  • 给文本加粗:在Bootstrap中,可以使用<b>和<strong>标签让文本直接加粗
    查看全部
    0 采集 收起 来源:粗体

    2018-03-22

  • 强调内容:可以通过添加类名“.lead”实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理。
    查看全部
    0 采集 收起 来源:强调内容

    2018-03-22

  • 颜色表格 .active 表示当前活动的信息 .success 表示成功或者正确的行为 .info 表示中立的信息或行为 .warning 表示警告,需要特别注意 .danger 表示危险或者可能是错误的行为
    查看全部
  • 1、使用<code></code>来显示单行内联代码 2、使用<pre></pre>来显示多行块代码 3、使用<kbd></kbd>来显示用户输入代码
    查看全部
    0 采集 收起 来源:代码(一)

    2018-03-22

  • .text-justify:两端对齐
    查看全部
    0 采集 收起 来源:文本对齐风格

    2018-03-22

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

    2018-03-22

  • <h1>标题<small>包含在h1,h2,h3...之间</small></h1> <div class="h3">class属性控制字体大小</div>
    查看全部
    0 采集 收起 来源:标题(二)

    2018-03-22

  • <!-- 如果要使用Bootstrap的js插件,必须先调入jQuery --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用 --> <scriptsrc="js/bootstrap.min.js"></script>
    查看全部
    0 采集 收起 来源:基本的HTML模板

    2018-03-22

  • <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询,如果不需要用可以移除 --> <!-- 注意:respond.js 不支持file://方式的访问 --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->
    查看全部
    0 采集 收起 来源:基本的HTML模板

    2018-03-22

  • line-height的属性值 设置为数字时 ,此数字会与当前的字体尺寸相乘来设置行间距。
    查看全部
    0 采集 收起 来源:表单控件大小

    2018-03-22

  • 为什么没有一个实例来详细讲解一下呢!
    查看全部

举报

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

微信扫码,参与3人拼团

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

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