1. 字体比例大小
1 |
h1 small { |
font-size:65%的意思是h3标签里面的small标签是外面一层字体的65%大小。 比如:
1 |
<h1>Bootstrap标题一<small>我是副标题</small></h1> |
Bootstrap标题一我是副标题
显示效果便是如上,small标签包含的文字外侧h1文字大小的65% 2. 斜体的设置 CSS方法:
1 |
**font-style**:**italic** |
标签方法:
1 |
<em>我是斜体</em><i>我也是斜体</i> |
3.强调相关的类
1 |
.text-muted:提示,使用浅灰色(#999) |
4.对齐相关的类
1 |
.text-left { |
5.列表 无标号列表
1 |
<ul class = "list-unstyled"> |
无标号横向列表
1 |
<ul class="list-inline"> |
6.代码段 单行内联代码
1 |
< >单行内联代码</ > |
多行代码
1 |
<pre>多行代码</pre> |
用户输入代码
1 |
<kbd>用户输入代码</kbd> |
硬编码
1 |
左尖括号< 右尖括号> |
滚动代码
1 |
class = "**.pre-scrollable**" |
7.表格
1 |
.table:基础表格 |
8.常用表单样式 纵向表单
1 |
<form role="form"> |
水平表单
1 |
<form class="form-horizontal" role="form"> |
下拉条和文本域
1 |
<form role="form"> |
单选框和复选框
1 |
<form role="form"> |