bootstrap3随笔_html/css_WEB-ITnose

[TOC]

布局容器

Bootstrap需要为页面内容和栅格系统包裹在一个.container容器

!!! Caution "Warning!"
由于padding等属性的原因，这两种容器不能互相嵌套

栅格参数

排版

标题

~

都可以使用,同时提供了.h1到.h6的类

!!! Hint "Info"
如果使用副标题的话可以包含标签或者使用.small类

内联文本元素

,为文本加上删除线

,为文本加上下划线

小号文本

标签包裹的元素，其内的文本将被设置为父容器字体大小的85%。
!!! Note '提示'
标题元素中嵌套的元素被设置不同的font-size

着重

包裹的元素font-weight值会加重

斜体

使用标签包裹

对齐

text-left 左对齐

text-center 中间对齐

text-right 右对齐

text-justify 两端对齐

text-nowrap 文本不换行

基本缩略语

如果缩略语是首字母，为了突显出来，可以加上.initialism类，可以让font-size变得稍微小一些

引用

可以添加引用内容

	
	  
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
	  	

!!! Note "另一种展示风格"
通过赋予 .blockquote-reverse 类可以让引用呈现内容右对齐的效果。

列表

、
来生成有序列表和无序列表
1. list-unstyled 无样式列表
   
2. list-inline 内联列表(就是排成一行)

描述

带有描述短语的列表

dl-horizontal 可以让

内的短语及其描述排在一行

代码块

内联代码


用户输入


 代码块

变量


程序输出