bootstrap学习笔记

Bootstrap

简单、灵活的用于搭建Web页面的HTML、CSS、JavaScript的工具集，是一个简单强大的前端开发框架。

一.标题

标题当然还有副标题，副标题为主标题65%或75%，灰色，不加粗。

<h1>主标题<small>副标题</small></h1>

为了让非标题元素和标题元素使用相同样式，特意定义h1~h6六个类名。

<div class="h1">Bootstrap标题</div>

二、强调

增大字号、加粗字体

<p class="lead">强调内容</p>

<b><strong>

<em> <i>斜体

<div class="text-warning">警告色字体</div>

<div class="text-justify">文本两端对齐，慎用！！！</div>

三、列表

无序列表

<ul>
    <li>无序列表项1</li>
    <li>无序列表项2</li>
</ul>

有序列表

<ol>
    <li>有序列表项1</li>
    <li>有序列表项2</li>
</ol>

去编号/点号方法

class="list-unstyled"

列表水平显示

<ul class="list-inline">
    <li>菜单栏1</li>
    <li>菜单栏2</li>
</ul>

定义列表

<dl>
    <dt>W3c</dt>
    <dt>前端技术博客</dt>
</dl>

水平定义列表 class=”dl-horizontal”