Bootstrap3全局CSS样式
目录
1. 概览
Bootstrap使用的某些html元素和css属性需要将页面设置为html5文档类型。
<doctype html>
<html lang="zh-cn">
......
......
</html>
为了确保适当的绘制和屏幕缩放，需要在head之中添加viewport元数据标签.
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
布局容器 |
.container |
固定宽度并支持响应式布局的容器 |
栅栏系统必须包含在一个容器中。这两种容器不能嵌套 |
|
.container-fluid |
100%宽度，占据全部viewport的容器 |
- Row必须包含在.container（固定宽度）或.container-fluid（100%宽度）中
- 内容应放置在column中，并且只有column可以直接作为row的子元素
- 通过为column设置padding属性可以创建列与列之间的间隔。通过为row元素设置负值margin从而抵消掉为.container设置的padding，也就间接抵消掉了row所包含的column的padding
- 栅栏系统的列通过指定1到12的值来表示其跨越的范围。若一个row中column大于12，则多余的column作为一个整体另起一行
|
超小屏幕(<768px) |
小屏幕(>768px) |
中等屏幕(>992px) |
大屏幕(>1200px) |
|
|
栅格系统行为 |
总是水平排列 |
开始时堆叠在一起，当大于这些阈值时将变为水平排列C |
||
|
.container最大宽度 |
None(自动) |
750px |
970px |
1170px |
|
类前缀 |
.col-xs- |
.col-sm- |
.col-md- |
.col-lg- |
|
列数 |
12 |
|||
|
最大列宽 |
自动 |
~62px |
~81px |
~97px |
|
槽(gutter)宽 |
30px(每列左右均有15px) |
|||
|
可嵌套 |
是 |
|||
|
偏移 |
是。使用.col-md-offset-*类可以将列向右侧偏移，这是通过使用*选择器为当前元素增加了左侧的margin。 |
|||
|
列排序 |
是。通过使用.col-md-push-*和.col-md-pull-*类可以改变column的顺序。 |
|||
3. 文本
Bootstrap将全局font-size设置为14px，line-height设置为1.428。<p>元素被设置等于1/2行高（即10px）的底部外边距（margin）。
通过添加.lead类可以让段落突出显示。
|
文本样式 |
<mark> |
高亮显示文本 |
|
<del> |
给文本添加删除线 |
|
|
<s> |
同上 |
|
|
<u> |
给文本添加下划线 |
|
|
<ins> |
同上 |
|
|
<small>或.small |
将文本设为父容器文本大小的85% |
|
|
<strong> |
用加粗强调文本 |
|
|
<em> |
用斜体强调文本 |
|
|
.text-left（right,center,justify,nowrap） |
文本对齐 |
|
|
.text-lowercase（uppercase, capitalize） |
改变大小写 |
|
|
<abbr> |
缩略语 |
|
4. 列表
|
列表（ul，ol，dl） |
.list-unstyled |
移除了默认的list-style样式和左侧外边距，这只针对直接子元素。 |
|
.list-inline |
通过设置display: inline-block并添加少量的内补将所有元素放在同一行 |
|
|
.dl-horizontal |
让<dl>内的短语及其描述排在一行 |
5. 代码
|
代码 |
<code> |
内联代码 |
|
<kbd> |
标记用户通过键盘输入的内容 |
|
|
<pre> |
代码块 |
|
|
<var> |
标记变量 |
|
|
<samp> |
标记程序输出的内容 |
6. 表格
|
表格 |
.table |
给表格添加少量的内补和水平方向的分隔线 |
|
.table .table-striped |
给<tbody>内的每一行增加斑马条纹样式 |
|
|
.table .table-bordered |
为表格和其中的每个单元格增加边框 |
|
|
.table .table-hover |
让<tbody>中的每一行对鼠标悬停做出响应 |
|
|
.table .table-condensed |
单元格内补减半，表格更加紧凑 |
|
|
.active（success, info, warning, danger） |
可设置于tr或td |
7. 表单
7.1 基本实例
所有设置了.form-control类的<input>、<textarea>和<select>元素都将被默认设置宽度为width: 100%。将label元素和前面提到的元素包裹在.form-group中可以获得好的排列。
aaarticlea/png;base64,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" alt="" />
<form>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group">
<label for="exampleInputFile">File input</label>
<input type="file" id="exampleInputFile">
<p class="help-block">Example block-level help text here.</p>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Check me out
</label>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
7.2 内联表单
为<form>元素添加.form-inline类可使其内容左对齐并表现为inline-block级别的控件。此时，必须为每个输入空间设置label标签，也可以为label标签设置.sr-only类将其隐藏。
aaarticlea/png;base64,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" alt="" />
<form class="form-inline">
<div class="form-group">
<label class="sr-only" for="exampleInputEmail3">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail3" placeholder="Email">
</div>
<div class="form-group">
<label class="sr-only" for="exampleInputPassword3">Password</label>
<input type="password" class="form-control" id="exampleInputPassword3" placeholder="Password">
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Remember me
</label>
</div>
<button type="submit" class="btn btn-default">Sign in</button>
</form>
7.3 水平排列的表单
aaarticlea/png;base64,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" alt="" />
<form class="form-horizontal">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">Password</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputPassword3" placeholder="Password">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label>
<input type="checkbox"> Remember me
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">Sign in</button>
</div>
</div>
</form>
8. 按钮
为<a>、<button>、<input>元素添加按钮类即可以使用bootstrap提供的样式。如果<a>元素被作为按钮使用并用于在当前页面触发某些功能，而不是用于链接其他页面或链接当前页面中的其他部分，那么，务必为其设置role=”button”属性。导航和导航条组件只支持<button>元素。
aaarticlea/png;base64,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" alt="" />
<a class="btn btn-default" href="#" role="button">Link</a>
<button class="btn btn-default" type="submit">Button</button>
<input class="btn btn-default" type="button" value="Input">
<input class="btn btn-default" type="submit" value="Submit">
aaarticlea/png;base64,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" alt="" />
<!-- Standard button -->
<button type="button" class="btn btn-default">（默认样式）Default</button> <!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
<button type="button" class="btn btn-primary">（首选项）Primary</button> <!-- Indicates a successful or positive action -->
<button type="button" class="btn btn-success">（成功）Success</button> <!-- Contextual button for informational alert messages -->
<button type="button" class="btn btn-info">（一般信息）Info</button> <!-- Indicates caution should be taken with this action -->
<button type="button" class="btn btn-warning">（警告）Warning</button> <!-- Indicates a dangerous or potentially negative action -->
<button type="button" class="btn btn-danger">（危险）Danger</button> <!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
<button type="button" class="btn btn-link">（链接）Link</button>
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfAAAADYCAIAAACbRiZeAAAgAElEQVR4nO2d3W/bVpqH5y+Ka/F+L2aLbLF7qysBBvoPdOp4iAQxZoUYc9W7ooKvJcR13QDr1Iqn9U1aSIBgYIN6EisYgXYsCS4sB7bswjKihRQ3PnvBr/NN6oOUxPwevEEk8vCQsujnvHp5KP+JAAAASAR/mvQBAAAAGA8QOgAAJAQIHQAAEgKEDgAACQFCBwCAhAChAwBAQoDQAQAgIUDoAACQECB0AABICBA6AAAkhLBCbzx/vLq6urr1Qrr2xZZ81Yut1dXHzxvDHx4AAICwaIT+YmtVj6fwF1urq4+3th4LqyB0AACIjSCha1Jyb52r7cbzx56+7ZwdQgcAgNgIFnrj+WPH3f4jRugvtlZtbfsp/ePnz7VCtws4UD0AAIyR4Bp6o+GoemtLlrI7xfXHzxsvtjytQ+gAABA7AUJvPH+8ypRR1EJ/vuV53VE5Si4AABAjQUL30vMXrNx9Xrx4bjvdSeF5rUPoAAAQC2qhO6m3BlfV1MVQT/oQOgAAxMyA89ClfvaF7l0fDRA6augAADB2Qgjdc7ktaH4Suid0iaUhdAAAiA2d0D19C+a1hew6vfH8sXNfEdXwxZYyowcAABAB+C4XAABICBA6AAAkBAgdAAASAoQOAAAJAUIHAICEAKEDAEBCgNABACAhQOgAAJAQIHQAAEgIEDoAACQECB0AABIChA4AAAkBQgcAgIQAoQMAQEKA0AEAICFA6AAAkBBCCf2rH15+mi3OL27c+eJbBGJSMb+48Wm2+NUPL/Wn6+Xl5dHRUbVa/RWAyVGtVo+Oji4vL8ch6rAECP309/+7++jZ3OL3qftF4+FPxvIOAjGxePhT6n5xbvHJn/+2dXh6JZ6uf/zxR71etyzr6urq5uYmml8ZAEJxc3NzdXV1cHDw5s2b9+/fx7NTndA/fLj9r7//45O//s/kf5MRCCo++evm3UfP3v/xgTtj6/X6b7/9dnt7G+WvDAADcHt722q13rx5E8/udEL/6oeXc4vfT/y3F4EQY27xCVd7uby8tCwLNgdTyMHBQTy1F53Q7z56lrpfnPivLgIhRup+8e6jZ/TpenR0dHUlqcMAMHGurq6Ojo5i2JFO6Kl7G6ibI6Y0Hv6UurdBn67VahV1czCd3NzcVKvVGHakE/qdL76d/O8tAqGIO198S5+uv/76a8S/LAAMTzznJ4SOmNWA0MEMAaEjELqA0MEMAaEjELqA0MEMAaEjELqA0MEMAaEjELqA0MEMAaEjELqA0MEMAaEjELqA0MEMAaEjELqA0MEM8dELvdQhpFde0zfbK1+Tdm1PWF63tNvmW4Rcny1NWkmIUWK6hL6fSxuGWQxoVTSljfZzad224foGU03yhF63yCAaHUnoe+Vr9b7WztqEWCXn6VKtp/4ZdPLqHmT7RcQXEQt9P5c2BtDoSEInRVOzr6JpGOncPt1Ugd9qgO5BLCRM6HWLENKqD7DJSELXbb5U68lMXbcoy7s9KIS+zI8Kmlc9hd5fqvVC/Gy1m1NvJfc0tohS6Pu5tFqP6i2GFrpuc9bn9AbMUmFBmF5CH8REGW084j7+BHwaioxECX2YEsfAQq9b+tdqS2ftrM0s9XYxoNBDvahECn2vfE2PzdzT+CI6oQ8jtoGFbn8CCMy2+YTc3cWgQg9zgIkUOveiJvYaEyT0UMmsEAFC5/Xdrp3xRqYi33Kko7bwwEIP8bog9AgjMqGHSWYFAkQh6NvMaQTsyVnd68BCD/G6IPQISY7Ql2o9bSYblFlL8DzLZ+i2XvMtwrnYEfraWVvpaOE6aqkTlIAHuixQ6Hvla+nr8sYz94fj7IVu38kLYx59PUCzX1fofm9MY/EKgbeE+XzTK5fYp2v0wbvQPx+3n3xLttWUCF1ZFrEJyqy1pW0uQ7dXiPUdd13R1DqfOcoQpYQgowfLjv28QPXlbOr+cNw1VPt0rih0T3en2a8rdL853Vj+4zPSuX32vXIOQHLwysNwdkx3M/RYkBihq8vcgcNAcF4v6zzgiiU7fnjKXjtri3IMKhOFGavCHomD6/RSh5Be2xWuVVK1946ZGxsIIcrBxhZ6+1rReDShU7KW/pDVL3k6hB7gc91mwXm9rHN9/smNH147oacwxx1mrAp7JKwWbYem09RS+cjHvABFZ7LD9jvnG48mdO1hSC9AD/zhzSYpQh+u3uJ6IWgkkAhdcc0zzDAwsNCDyjJaoZc63AvMt4gvaCfJ9Tt3sm9Pu04Dtj11wExvEqHTndtDhdtYI3T3p6csuTjK9g+beR9doXvng712iNPDiEroQ9VbPHsNYdQQO1QNAwMLPaAsoxW6MOuHWeC8fiHtZbUrtOdKIZrLwpK+6K7kQpe8KPapcBjsUct3PJzRkyT0IT5Wu/lmiKJHu9Vpk1651tG8FkKIolCjnbYYSugBhf4wn06oY2AETW1r/0CEOhKTF3NDi3Lvkk8/tLJHELrscxU1XdUWOv25odQR2k9e6MMm6MFGL5qGYZqmU0LXIy3U6KcthhF6UKE/zIunjoERNLWt+ImFbiKbRaTeu+TTD/WxZgShy0YRemfCjgef/eTxcQvdFmVJv61E+uI1T1miLcvQhVw7dIY+vNAl1QnPbrzpZPM+/b3L6i02sqqL7EMM1f+oQuc/svhvSkDPMyt0xxIB24rSlzgsVDYuy7XDZujDC11Xc+FNF2Bs5agklaXkQwzV/6hCl/20aaHLquqqH5GGj1rorgLUVx2dblk1S8o7nLslZWhKoLLrqJEJ3c/K3WGDSW8h9NkRuucFdfnE6ZbtXdKcbSBRKCXQASe5kNGELl6RpPNXCD2IJAl9wM/UtMsCjMn4WlI1lm8eKkMPLfQha+jihwmmoMwLPUTJJfRMf8m0RabCIwwezNpRSy7TL/TBPlPT+ggqWtC+lnzeV2weJkMPLfQha+jiOqagLFg1RMkltBdFizI/O2E1s++RSy4QenipSUL4DdeqSlSzk4O3a3vqXY9N6KPMcuGGHy9hVwg93EVRpYVFoRPlRVHnqbvWvZLJCN1/1ezTEBdFp1vog85T5n/D9dsLaqavFSo3HZvQR5jlwrvPzbFVQg91UVQoT2tq6MqLos5qVtL8/BtvR+zTMBdFIXSJucImj9JvCNB8MYtyTqRTng7Yyp97Lqo5hNBDzUOX0ckvs5O1KVRCH2baouLTg10YsdgKvjDfhlrV6vAlF3/X3FPphQFmbJhuoQ9kdPk1Ms0vvcqonO4UW1FTzaUjQ5DQQ81DV9VBFCuVQh9i2qLq4IqmYaRNMy3vSOjKbsoI3e+ceyo9DPYYIXQ+QpbRxRyTd5moJ6nQHfFZJS7xZEXMrpIKPUA04e4UleG8EGaCjXPfk/sTkE//YG4sKguVE0am6kHUrXQrbixid+RNP/fbuEORs4R7Kr4ujb6nT+hhy+i6KWzKdbKuvRl/RdXUR086bCY57vuK9EInrPyc+57UhWx+i3Qux8uQ3Z/66N0Dl99YxPbkTT8XZ5NzChc+PIg9Q+iKCMp2HX3oS+2OrZh+2Pv1+eIAtZC2Gy1i+a0uNMoS+cS/g3fE79ia9Yj2u1y05uPKCcpO+EZcx9K5jmwBwV0ic6pWvvLjGUpF42K079iadRIldF0yKwpXF17S7SW/VPlCn5OOV77D3jA1dPCXfAf7uSUwovy2RU0yKwpXg1ejZT/pC6Vb2U7Gq74hb5gaGvnE9I/X5wkT+rLuGt3sxUS+D11Wc49zRJm2iPb70HV3Ls4ck8iNZfWbOEeUaSNxQkeMHozTP95iix3T9ReLgEjYGvlHAYSOQOgCQgczBISOQOgCQgczBISOQOgCQgczBISOQOgCQgczBISOQOgCQgczBISOQOgCQgczxOSFnrq3YTz8aeK/twiEJB7+lLq3QZ+u1Wr15uYm4t8XAIbh5uamWq3GsCOd0O8+epa6X5z8ry4CIUTqfvHuo2f06Xp0dHR1dRXx7wsAw3B1dXV0dBTDjnRC/+qHl3OLTyb+q4tAiDG3+OSrH17Sp+vl5eXBwcHt7W3EvzIADMzBwcHl5WUMO9IJ/eaP2/949OyTv25O/LcXgaDjE3Pz3/97q/f+A3fGvnnzptWS/Vk/ACZHq9U6PDyMZ186oRNCDk+v/vy3rbnFJ6n7RdTTEROOhz+l7hfnFp/82/LTw1NJdeX9+/dv3rw5ODi4urpCPR1Mlpubm6urq4ODg8PDw/fv38ez0wCh23z1w8tPs8X5xY07X3yLQEwq5hc3Ps0WuUqLyOXl5dHRUbVa/RWAyVGtVo+OjuKptHiEEjoAAIDpB0IHAICEAKEDAEBCgNABACAhQOgAAJAQIHQAAEgIEDoAACQECB0AABIChA4AAAkBQgcAgIQQIPR//fb7Zyvbn3z53cRv+0bMbswvbvzn3//xr99+F0+wfr/faDRevXo16fu0wQxTrVYbjUa/349GkrOETuj/+u33T778bt58mnr44+S/mAkxs5F6+OO8+XTuy+/+2bigT7B+v7+/v396eopfRTAK/X7/7du3r169womkE/pnK9vz5tOJ6wCRjJg3n362sk2fYI1G4/T0NOIzHHwsnJ6eNhqNSR/FhNEJfX7xO+TmiHFF6uGP3B+NQ0oFxki/34/nz7xNM/gj0Yj44g7+rDOIEpxREDoivoDQQaTgjILQEfEFhA4iBWcUhI6ILyB0ECk4oyB0RHwBoYNIwRkFoSPiCwgdRArOKAgdEV9A6CBScEZFJfSlWo+QXnmNWZhv8bto1/aM5R1juW6RTrnWI62627hukU6e63btrH19tiTubu2srXkZfp+KWDtri/uiX4h0p9MRC6u7Y+9nXH2KMUah7+fShpHO7TMLi6bB4bYomoaZy6UNs0i19Z/4nfJd+jtTInQj21zZaD+XFl7HFNFsNsfez7j6FIHQoxF6qSOVYL5FrNKOsVy37LWlDi30vG18z7+lDj8kaISucO4SM0goQit0+7Dd4xRjd/2C+7F111dD/Ig2z+3Wx5VB7fm64uxid/1CuvnrCiGVzfAd0v2o+hxPjE3oRVMqQVfSRdNe6/7vrSmalH+LJj8kaISucK7W1WEbKV6NTbOQ4QaQTKEZsENCCClnB2nNbWlv1CxkpJuXs4aRLYfvkO5H1ed4gNCjEPpe+doWt8SMVqvTrp1Z12flVq9c44XOb1LqMDqekNC1DXbXL1h7bp6TED5dsQixXg/144XQlYIsmoZpmulcjvrHCF22AbV4QkLXNmgWMqw9y1kjhE8HlS67KYQ+q0QgdEV6bjAZeie/tmOUOu1WR6iWqN2q6jmU0OtWqB8IXyZij1xuQ86eC5UuuWguUA0c3IUr/qGcryzvGKvNY+oI3N5YL2+eO40doVPd8gPD6wohlYrXp72VqkO6n6bQp+TgnQPY9PoP94lkjEJXJ7RUhm4W9+3/TaFaonarqudQQhfrPVLkHSkGHCIROi9FKoV3F7rZuWt+Nst3e2O97D+zhU5tw8u7nDWMbMFb762Wdkj3UxD6lBy8cwBlb80A/ofQxy90TYFCWUPnUuBSx1nNJdeljlz3UdbQhYEhWOjGavNYlkTToqcydMazKxahxK0ROt85J3TP4wuVblCHqgx9d/3CHy1WLM/pTP/U8piErilQKGvoXArsteMkylRkKKKsoQc1kQidMjrjdvoJJVfGs1R+rxc63zmFPV7QStZ3qMrQqU3t5s4Kpn9qeTAQ+tiFrqy3UOHW0Fkjc1uJDpVeaHU2dzvktuI7kebyIYSu/tghE7qnTl+afGNlyYUR9/BCpw7Jezqg0Febx8zBB/YTj9DDFDn82jm1Eb+V2JH0Qquzwl3MbcV3Is3lwx2yYpiSCd2TJV/88BsryyKMuIcXOtW393RAofOvLLCfYCD0WIWuytCXaj1C+LxeEPpe+douwQvpP21bvZ3X9sotwqs5MqEvVLriT9XWpSB0O+21GV3odBnEazag0DfP2dQ7sJ/JC12VodsZtkTyTEf7ubRdghe8SttWb+f9/ZxwqTU6oYsXTL0KhaBBqgwzBqHTi71mAwqd6ya4n2Ag9KnI0PMtYpX4hZ7Q861eec3TruTyaUBWLh9XqE7GLnS35MIW05ngSi6EUBqF0HUMk6EXTcMs8gu9jpwVznNJNTsgK5fsni3EjF3orvo0Vxi5kovB1DMg9MQSZw1ddlmyVfd8yl14XKr1SOusfE1crfvpPNu/OITsla81Ew29IWQAoQ9UQ/c9rpadL3TOmyi5BKG9JiorcLs+Fae02HPTXa376bzC/MwS/dxxZl/jrqH7UlTLTuJnyQqUXJJGNLNcgq5D2lK2Z537AwCbBdN1GPbunrpFV9LlOt7zRoLgCBa65mOHftri7voFdc1w89ybE8II3ROiM93F9zU722SYi6LURUtVh8NcFJ2g0DUzQjxsKdvXOP0BgB0K6DoMa2ixnbg/WVVeczQBTTUt9NMWm4UMdc2Qu7Aoetup0fi+ZmebDHNRlNqnqsNhLopC6MMRxTx0Vrisx93SilM54e7DpG8s8pLopVqPn9xC3XOkmVRjDwlB9R/15JlQxg+8sYhu4K+ia+jsLEZal15h3Z4myAndrdFLpi1S0wqZsom0Q6Yftk/VtMWJCl2do+/n0m5pxbE+l0vT01i8cUHiZuqeI82kGntICLa6avIM05FuHrqsSC5twEz9Y1zpV8+la+xpgnxK73QtmbZITStkDkfaIdMP26dq2iKEPiQx3inqzjBxauKO+jlRCoOByra200vKGehe5FtEnBtju94jsD6jb4AIGdHeKerWSqhiuZjMC1uqbGs7vaicgc40FI6Gm+gYWJ+Z4pv/ZwkIParvcsmLk0lmM6b8u1xmK8b4XS7iffszypR/l8tsAaHj2xYR8QW+bRFECs4oCB0RX0DoIFJwRkHoiPgCQgeRgjMKQkfEFxA6iBScURA6Ir6A0EGk4IyC0BHxBYQOIgVnlE7o84vfpR7+OHELIJIRqYc/pu5t0CfYq1ev+v1+xGc4+Fjo9/vVanXSRzFhdEK/++jZvPl04iJAJCPmzaefrWzTJ1i9Xn/79m3EZzj4WHj79m2j0Zj0UUwYndD/2biY+8v6vPkUeTpilEg9/HHefDr3l/X/PTynT7B+v//y5cvT01Pk6WAU+v3+27dvX7582ev1glsnGp3QCSH/bFzcffTsky+/u/PFtwjEcDG/uPHZyjZnc5t+v1+v11+9evUrAMNSrVYbjQZsTgKFDgAAYFaA0AEAICFA6AAAkBAgdAAASAgQOgAAJAQIHQAAEgKEDgAACQFCBwCAhAChAwBAQoDQAQAgIeiE3r/58Pk3v8wvbkz83nHEoDG/uLHw9c/9mw/0G3p7e9tqtarV6qRv1QYDU61WT05Obm9vIxYCmG10Qv/8m1/mFr9PPdie+Lc7IQaN1IPtucXvP//mF/oNbbVatVrt3bt3EZ9UYPy8e/fOsqxWqzXpAwFTjU7oxr0N2Hx2I/Vg22C/f7xarcLms0u328X3fQM9+ItFSY47+AtByQLvINADoSc5IPSEgXcQ6IHQkxwQesLAOwj0QOhJDgg9YeAdBHog9CQHhJ4w8A4CPRB6kgNCTxh4B4GemIW+V74mVkm6vFde85fkW5Jm7sK98jV/qO3a3sTtOYURvdD3c2nDLEqXp3P7/vOiKWnmLtzPpQ0OZmPgAqEDPWMWer5FSKuubhBW6MbaWZt08svcEptO3n56fbZkryp1eKGLmzPxuuK/yvOVUaS52jy2e/AeULFikcrmqJ1MVuhF05AK2yWs0CUNfY27Vve2KJq80FX7cShn/bEgWw56UTqahYzdg/eA3U2o3rWdjAKEDvSMU+hLtV5QphwkdN/aNJ388l75WvC7RujLO0apoxhaXleI79mFSpdcNBcgdBmClaVNtEKXJN+2wfdzacHvGqETRZJPiG1zz5rNQsbIFJohXp0cCB3MMmMUet1SJsXeKlfopQ7xdExJvN3qtHkL1y3SydOitxusnfktpUIXs37Onr7fu+urO8by7vpFd71ybu/kuLJrbFKP/W0dHFMHCt06l7f3H9MfF2zsBt5yqv1Fc91iDyBCoSsNSq1yhV40/SoJJfG0aab5PoqmYRZp0Xs9eS2lQleNL7w0y1nH6M1CJlMoOLl7ptD08nhf+M1ChkvsA4Wezcrb+4/pjwt0W2851d4/wFDih9CBnvEJXW7VHYPJ3P0MPd+iC9+sfBUFE6awTgld9clAsXx3/YLIsvLd9QtCrNe+uP3HnmFt9cs8rhC6syNpM20nK5Y7kGyeU50IC6MTutyqhDBm9TN0Wum8fBV5PDNiUEJXfTLQGF2WlTcLGVeTtrj9x55h3c1EjyuE7g8WYjNtJ/7O6BHHEBZqgdCBnrEJXXoZ00+xfXG7zdbO2sSTuH2ds1eudaRH4o0Bqoui8l2rxxgv+yaeo+0MXfKY8rgfryvhhO7l0c7jsEJ3+6cPQLptZEJX5+f0GkrV+7k0n6WnczlTUnEx/DFAdVFUvmv1GEOlxZ4Xm4WM9LHUnW41JXTJxXkcVujcpplCU7GtFggd6Ilc6Oxypoa+VOuR67Olki1xV+60hb1COVNb7+SXmRL5Uq2nErr2Cq1nRqrkEiT0Fcs7jDBCZzYcQOhMb+7BTIfQ2eVM7u0ovWhL3HUvbWEvx2YcbhbZfoX6etAx0fhF9FBCp+ojYYTObDiA0Jne3IOB0MG4iVjodKVbELqxXLeIl3TbQveWSPpknlLe1whdkqFvnju1FF+7dh4dKHTqamrokouboe+uXyQiQ+ddyxVTvEkxnrmZaTJcn8xTyvsaoUsydOFKJZVs64VOXU0NXXLhBYwMHUwTYxN6iCkuotDp5X4NPe9+5zPXoS30fMvJ0AOFrljOzHLhL4pqhM77lF2oqqGrC/ELla4mzVfU0OMTeogpLiTktMWiW3fhOrSFXjSdDD1Q6IrlzCwX/qJo014oEzrvU3ahqoauLsT7NfsBaugQOhgn47soSs8jHE3oS7UeIaRdO7MIIVSftuidzSmhK6o9ilkurtNdBqihL1S6zkYX5xUu4w6Y5eLXXrxOjitNNw3fXb8ghJyv+A925LNcYhR6OKOHEjpTUKf6tEXvbE4JXVFZ0RwQPbFkgBq6P8klk81yGXfALBfJTJlMoZClfG8Y2TJzNVY2ywVCB2NlzPPQFddFHUcTQog4fcWpj3fyy3W7QM0k5v6MF3cqekl34dSPMAX0pMfo89BVJWuqBi40cdaZRcJV07217ETFou7CqU+YAnrSgdCBnvHeKbpXvp6Ou/AD7hT9WGLkO0WZmSuTJOBO0Y8FCB3owZdzJTnw5VwJA+8g0AOhJzkg9ISBdxDogdCTHBB6wsA7CPRA6EkOCD1h4B0EeiD0JAeEnjDwDgI9EHqSA0JPGHgHgR6d0FP3NlIPtiduJcRwkXqwnbq3Qb+h1Wr13bt3EZ9RICq63W61Wp30UYCpRif0ha9/nlv8Hk6fxUg92J5bfLLw9c/0G3pycmJZVrfbVb3jYGrpdruHh4cnJyeTPhAw1eiE3r/58Pk3v8wvbtz54lvEbMX84sbC1z/3bz7Qb+jt7W2r1apWq7+CWaNarZ6cnNze3kYsBDDb6IQOAABghoDQAQAgIUDoAACQECB0AABICBA6AAAkBAgdAAASAoQOAAAJAUIHAICEAKEDAEBCgNABACAhQOgAAJAQ8F0uiIEDXxQDwoNvoYkTndA//+YXfNsiQozUg+25xe8//+YX+mxptVq1Wg1fzws43r17Z1lWq9Wa9IF8FOiEbuD70BGKSD3YNvBl6yAc+Cb32MBfLEIMGXfw55BAaHB6xAOEjhgyIHQQHpwe8RCR0PfK15388o6xXLe4Tlt1WWNilST9LNV68iO7PltS732p1pP2hhhvjE/o+7m0WSSEkKJpsNiL+cayxfYKKencfoh9g0iB0ONhVKHnWypH20LfMZZ3jFKnXdszlneMtbP2gEKXLa9bwwl97axNqKOiY7V5zL/67vqqtNn5yqQc6u1ddhgrFqlsjtrJQDGE0IumytHU0qLpGFjuWp3QZcu97uQoha7cDyHNQoYfNDKFprRZtqzedbR4e5cdRjkb7si0nQwEhB4PIwl9qdZzTM3a2ef6bGl5r3zdK6/tGMuU2YVNhhH62lk74NW5+/Wi1JENP6HtBqGPIPT9XFpQK5tVp3P7dCu5iocVujKBV2fyRVO+p5B2g9ApIPR4GEXodUuV8PoZuivrUocQwhrW25xqw6beY87QnX0JllfbbcUix5VdY3lnodIl1nnF+cGcr6w2jy/OKxeE+HJ0kFh185x4GzoLd9cvuusVZ/lxZddrY+/OkPYZKHTrXN7ef/zafQmEPaTXFebpjrHaPL5orlvsAYwkdJUdCaViV9ZO6YU2rLc51YY18JgzdGelbGOF3cpZJ1FvFjJGNpt1xolsuVnIZLLZjGH4cvTWyXrhVzYLmUyhkPU/C5Spx/4hsZsFCt09QL69/9g/FLbvcpbdFXuAcvFD6PEwgtDl6TYndJ123c39DD3fInSfYWro+RYvaH0NXfapQpOuvq44HmRNuto89jX3uuLVZyT9uNs6o8JrV+jEeWyL23/sGVboM0jo5KK5oGqm7cQbt4zNc6oTYeEoQtd5NbiOTZnVz9A5pYepoYtHod+33OjKdNVOfN30l1Gqt4GnfWk/fupMraS2t8XtP/YMK/QZJHR68OGbaTvxd8aMYMJCFgg9HoYXer4lq5PwZZBO3snNHVyZ0tk9VXJZO2tTWbyvZmbw4DL0usWWVgIuikrHIbGG7ipsodIlntqC6xW+vqklYjl+d/3CW0g/ljaWDie6kovzOKzQ6WN2D0C67QhCl+fnvIPNIntZ1C+++FtTJZf9XJqyta9mRtucw/nEPmAwkY5DYg2d1qn3LLheIVY+pDpsFjLeQvqxtLF0ONGVXJzHYYXObZopNBXbssaQLg0AAANcSURBVEDo8TBuoYtWpQXqPma3ZWroS7Wel4BT2bemvMNf7QwUuqSMrikorzaPNcky5VMXoR9/tJBKXCl0vs8AoTMbDiB0pjf3YOIRuovcxe5jdlumhk4rndpUuze2CB8odElPmoJys5DRJMsuVC1D6McfLaQSVwqd7zNA6MyGAwid6c09GAh9aohA6KVOu7bnVks6eVHo/FwX7qJo3SL2U36qjPx6JjtUhBH6ICUXtzbNlUSY9q8r0rK1GH7tIlDosj7DZui76xczkqETR8Nupm4WRaHzxuUuinoTZ/ipMroBhNrLsBm6XOhObZoriTDty1lp2Vral5/q64Uu6zNshu6uRoaeCIYXurwY7fqUztDpPgeY5bJ21haukepnoIcRunytSsSrzeOL5oKYt6p8R6fzvMQHEbq0z8AauroQv1DpatJ8RQ19nEJXXF50fEpn6IrqN72FonojXCPVz0CnD2CwtSoRO7IV8laV7+h03obOucMLXdpnYA1dXYj3a/YD1NAh9KlghIuignA9O9uEvrtHKnSF5UudwJ61tSDNLBeeyqab6vqm2123Z7awjrPr7IQQcnFeueDnhMiqMcElF0mfYWe5+COK18lxpemm4e5L8B/syGe5jFXoCqP7RfTQd/dIha6wfNEM7DmoOqOa5SLO/xCd517BZB1H1VSyWdlVUaEaE1xykfQZdpaLZKZMplCgP2UYRrbMXI2VzXKB0KeDUeeh8+p0yyl55XerMdc83YVCfVw+WvjK5ueY0xdjNVm8vm6DGCSGmIfOq9NdJNwhKsnRqQuoMp+rk/GiKeT69MVYTRavr9uAQYDQ42HEO0X3ytfSKspUhuZOUcTgMfidoiGrINOB5k5RMDgQejzgy7kQQwa+nAuEB6dHPEDoiCEDQgfhwekRDzqhp/AHLhCKSD3YTuEPXIBw4A9cxIZO6Atf/4w/QYcQI/Vge27xycLXP9Nny8nJiWVZ3W5XdTqBj5Nut3t4eHhycjLpA/kowB+JRgwc+CPRIDz4I9FxohM6AACAGQJCBwCAhAChAwBAQoDQAQAgIUDoAACQECB0AABICBA6AAAkBAgdAAASAoQOAAAJAUIHAICEAKEDAEBCgNABACAhQOgAAJAQIHQAAEgIEDoAACSE/we76RN0vl/FtwAAAABJRU5ErkJggg==" alt="" />
<p>
<button type="button" class="btn btn-primary btn-lg">（大按钮）Large button</button>
<button type="button" class="btn btn-default btn-lg">（大按钮）Large button</button>
</p>
<p>
<button type="button" class="btn btn-primary">（默认尺寸）Default button</button>
<button type="button" class="btn btn-default">（默认尺寸）Default button</button>
</p>
<p>
<button type="button" class="btn btn-primary btn-sm">（小按钮）Small button</button>
<button type="button" class="btn btn-default btn-sm">（小按钮）Small button</button>
</p>
<p>
<button type="button" class="btn btn-primary btn-xs">（超小尺寸）Extra small button</button>
<button type="button" class="btn btn-default btn-xs">（超小尺寸）Extra small button</button>
</p>
通过给按钮添加.btn-block类可以将其拉伸至父元素100%的宽度，而且按钮也变为了块级元素。
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAuAAAAC9CAIAAAB9M19eAAAUpUlEQVR4nO3dP28bx7qA8fOJ4kSqb3FO4OL2+hoBFEUwYCO5xi38CQTVAuQAPoZvEPIWTqNCbmW7YAqDFCMVkRYISUMgKRkwQkA8BcnlzuzM7pArzTvjfX6YIpL4Z0kZnEezQ+YfUwAAgMD8Q/oAAAAAdAQKAAAIDoECAACCQ6AAAIDgECgAACA4BAoAAAgOgQIAAIJDoAAAgOCUB8r50eH+/v5+48T405OG+Ucnjf39w6PzqocHAADqyBgoJ439YmmSnDT29w8bjcPcjwgUAACwNnugFCyZpD9bZMj50WGaI7M1FQIFAACsrShQzo8O5y2y/C8lUE4a+7MMWS65HB4dFQbK7IQR6QIAAAoU7UE5P5+nR6NhWlKZb045PDo/aaSZQqAAAIDKrIFyfnS4r5y2sQfKUSPtlHmacIoHAABUYA+UdPnkRI2VpZOTo1mjzJdY9EwhUAAAwFpMgTJfGimwSI/M5tg0YggUAABQkfPnoBh7Yxko6X7ZkkBhDwoAAChVGChpm8yCQ/8QlDRQDNVBoAAAgLWZAyXNkVxJzAJj0SjnR4fzz2nLXPCkYV1xAQAAcMD/iwcAAASHQAEAAMEhUAAAQHAIFAAAEBwCBQAABIdAAQAAwSFQAABAcAgUAAAQHAIFAAAEh0ABAADBIVAAAEBwCBQAABAcAgUAAASHQAEAAMEhUAAAQHAIFAAAEBwCBQAABIdAgbzJZNLv9y8vLy8AIDBJkgwGg8lkIv1KWTsECoRNJpMkSXq93mAw+AgAgRkMBr1e7/LykkbxjECBsH6/3+/3r66uRqPRGAACMxqNrq6uZq9U0q+X9UKgQFiSJFdXV9fX1zc3N58AIDA3NzfX19dXV1dJkki/XtYLgQJhFxcXo9GIOgEQrJubm9FodHFxIf16WS8ECoRdXFyMx2Pp1x8AKDIejwkUzwgUCCNQAISPQPGPQIEwAgVA+AgU/wgUCCNQAISPQPGPQIEwAgVA+AgU/wgUCCNQAISPQPGPQIEwAgVA+AgU/wgUCCNQAISPQPGPQIEwAgVA+AgU/wgUCCNQAISPQPGPQIEwAgVA+AgU/wgUCCNQAISPQPGPQIEwAgVA+AgU/wgUCCNQAISPQPGPQIEwAgVA+AgU/wgUCLuTQHn26u23PzW+2X7x1Xc/MxgMRjq+2X7x7U+NZ6/eEijRIVAgrGKgnCUfH/5P88H2vzceNTcfv9588huDwWAsx+PXG4+aD7Zf/vPHX38/+4tAiQiBAmFVAuX65ua///f/v/7h/+RfBBkMRtjj6x9+efi0MRxfEyixIFAgrEqgPHv19sH2v8Vf+BgMRhTjwfbLtc/1ECj+ESgQViVQHj5tbjxqir/qMRiMKMbGo+bDp00CJRYECoRVCZSN71+w74TBYLiOx683vn9BoMSCQIGwKoHy1Xc/y7/kMRiMeMZX3/1MoMSCQIEwAoXBYHgbBEpECBQII1AYDIa3QaBEhECBMAKFwWB4GwRKRAgUCCNQGAyGt0GgRIRAgTAChcFgeBsESkQIFAgjUBgMhrdBoESEQIEwAuWLG+/fjKeDD++lD4PBMAwCJSIECoQRKMVj58Pn6bi3o33/eW8w/fzmecEVBSuBQGGEOwiUiBAoEFb7QHn/ZjydTkcHlgusGSjHo8Vtzm7fRLvZ572B4+8sOVMP3pWlWs7aym0yGPc4CJSIECgQVu9Aef9mnAsFdawVKGft6bR9nPnOslcy93tfTbDGCspZ25ov6jHnKNd63huU307ZOB5NtWfPNu7k7ta+C/fjtD3M7L8r7csvdxAoESFQIKzOgbLz4XPB2snyMunMcTyyPY3ZOewgWXyZdowWKMejackZIvfhuohSPJU6PBX2O0pLi0BxHgeJUsbal1/wIFAiQqBAWI0DpXjZID8fZ5LieW+wnM6VFYtM0Jy1p9PpeHSQC5SD5F5Pqay3B6V0EcW46nPWnk6XD41AcR4ECoESPgIFwuobKPppF/Mwn+JRrpsNAi1rFpfJTmblG2xdx86Hzyv+tovut2yONJ+W2vnweXmz+ek8u+aUu+5BsviRdrIjO/HPtuYYe8717kxHrt2L7TgdAmX5KJS7yO/sSb8zq7q59rH2pfrA88/P4nayv/31zzR5HwRKRAgUCKttoDguY6wYKNkLLGtgPpfM7k45TzS7zGp7XTNXzA51MSNzbK6zV0mxGQNF3cSjTufLmTu1fCZzD1k9j5aJOfuvyfnu8iewDpLlc1V0nGWBMhh/Nl+xWqCY0jM9fuXy9n8PgQ4CJSIECoTVNVBctoUupopVAyU3qy3mG2UWsW/70FKgfEftQaLfeHqn7ePfdp67nQQpWdqxVZR25iu7/2aqn9jSfrp4YpXjTwNFvYzlgK13lz58028kUw+rXVH7N5B9+PPnZ5GDBYGyeMjWUzyzBLEE7iJQlLOK932q6+4GgRIRAgXC6hwoLksL1kBRFwPMk99izKafN8qaTUEhrRYohgWA6XS6uPGdD59dV1Ce9wZFz4l1mUc7K5He71S/tdmmnN6OdmIo/9ym6wrF2zL0u9NuMPu8qSs9mUWakiuWrqAoP8r+6isEiuGWs2+Gzz0zHvbi3N0gUCJCoEAYgVI80kBx2PCRvmEna3SQTniZJYrCd81o7eL+nmT9L+/NJ7/tPO85PlKnQLHsI8mvNxgfYDoNFz18wymwogOe3Z2t0tSzPPNbKzm/k71iSaCYyia7RXr9QDGuh2UCpWS/S7iDQIkIgQJhBErxMK2gaIv5Tve1nEfHvZ3iP3n1UHA8xTPNvZM5y2GPwlqBkj9dckeBMjoo3oDyZLVAyVw4FwoFVyRQ7noQKBEhUCCszoGy5h6U2QaU41HJlJAu1CvzzWKHY8HJC31+ypWBMmsat0zmb/+sXdooLntQVguUKqd4frPciHbART1kOP5xb0d9/07JFVd6m7FSVLnPAFR7q+opHgIF949AgbC6BorreZPcmznTHSfWN8jM/yifzzfaHek7HM1XV/LCHCgF6zfGfTPlm1HWeRePYevrGptklSlZmfiNb01SngfzDT7Rg2Dxqxy1E/UGi6+4/ibZ2Ze5MFVWbrQnR3ufTuEmWQIF949AgbC6Bkrp39z6jDIbSj0Ylhz0d/TkPyZkvvqSu+X5MHz8V64MTKcAlh9fmw0U5QPlSobT56CYmT+ozXT2RO8Vw49Mn1BiToTyu1OfpfSTRfK/U9sVy07xtBN1Z5LeQ9kfjYynlmaPVPvStOFJbR0CBfePQIGw2gaK+zaUdGh/9W4+KfvQ+szkOp+B9KUU9brmyVg/WaAfxmLeHSRnyw2hszMpx732WLvfomej/JNk8wrfTqJMtAUf1JbbPaNvwTE+ycV3Zygz6+Yh6xUd9qBYPqhNfYDpx5+o/1uA5bXy8ZTdRWT6oLbNou+EOwiUiBAoEFbjQLG8hdg87P/TY/uf+OmqhvFzSjbVPRbK22G0kfsfHavnEfSVD/0z6BZTXclZIee1FgZj7UGgRIRAgbA6B4rzVtnSDSsOH9pRevtrXF09x5RZBsjH0Ps348/tY9sjdd0yzGBUHARKRAgUCKt3oJR9mHotRkwnCBixDwIlIgQKhNU9UBgMhsdBoESEQIEwAoXBYHgbBEpECBQII1AYDIa3QaBEhECBMAKFwWB4GwRKRAgUCCNQGAyGt0GgRIRAgTAChcFgeBsESkQIFAgjUBgMhrdBoESEQIEwAoXBYHgbBEpECBQIqxIoG9+/2Hz8Wvwlj8FgxDEev974/gWBEgsCBcKqBMrDp82NR035Vz0GgxHD2HjUfPi0SaDEgkCBsCqB8uzV2wfbL8Vf9RgMRhTjwfbLZ6/eEiixIFAgrEqgjMY3D582v/7hF/EXPgaDEfj4eveXf/3469XomkCJBYECYVUC5dOnT7+f/fXPH399sP1y41GT/SgMBkMfj19vPGo+2H75X49/+f3sr7VfaggU/wgUCKsYKDPPXr399qfGN9svvvruZwaDwUjHN9svvv2psfaZHQJFEIECYXcSKABwrwgU/wgUCCNQAISPQPGPQIEwAgVA+AgU/wgUCCNQAISPQPGPQIEwAgVA+AgU/wgUCLuTQOn1et1ut9VqvQOAjFar1e12e70egRIdAgXCKgbK9fX1H3/80W63h8PhZDKRfjQAwjKZTIbDYafTOT09rfJSQ6D4R6BAWMVA6Xa7f/755+3trfTjABCu29vbJElOT08JlIgQKBBWJVB6vV673aZOALjodDprn+shUPwjUCCsSqB0u93hcCj9CADEYTgcdrtdAiUWBAqEVQmUVqvFvhMAjiaTSavVIlBiQaBAWJVAeffunfThA4jJu3fvCJRYECgQRqAA8IZAiQiBAmEECgBvCJSIECgQRqAA8IZAiQiBAmEECgBvCJSIECgQRqAA8IZAiQiBAmEECgBvCJSIECgQRqB8cVp7W5tbey3pwwAMCJSIECgQRqAUM8/25Q0gWAkECsJFoESEQIGw2gdKa29rc3Nzt1nw4zUCpbm7uM3Z7ZtoN2C/oG55sO7XMdxh9ljtTwBwlwiUiBAoEFbvQGntbVnn7eUlVg6UZZ5YvtHa27q/JlhjBaW5W/I0TG0xpFyr/Ol0PBa35+ZO7m7tu6jYdc1d5Xa1L79cBEpECBQIq3OguGSCMts3d10WJ5ZzTXplLVBcemClB7HSsov1VhwuUnzTBIoz7Z/AXf6LCBuBEhECBcJqHCjFk0J+Ps5ctrW3pU7L6c8yXzR3Nzc3t3abuUDJLbDcrfX2oJROkcaGmSXb4rsEijMChUAJH4ECYfUNFLdMMM/2ynWzF9GyZnGZ7GR2d3tYV9uBojVWTtkcaV5kUWbw/HSeXXPKXXf5Q20BKr/NxviLcr0705Fr92I7TodAWV41d1bP8h1lIW63qX2pPnDD721+O9mfR7SDiECJCIECYbUNFMdljBUDJXuB5ffmc8nsGsp8NLvM6qVhOabcQ1KWeqo9I8ZAUSdw9SvDCbHcU2L4kR5z9oNyvrv8oWfvpOg4ywJla2vLfMVqgWL6B5HelvFEYzTLLwRKRAgUCKtroLiuqa8TKLlZbTHf5C9lXxkoXgDIH07uKNPJvdVym7tKlnZsFaWd+cruv9nML1IoP11cVTn+dB5XL2M7ItvdKW2j/0Yy9bDaFTPmnaC2jHnRzPCdwlM8ylOVu2nzHcdSKARKRAgUCKtzoLgsLVgDRZ0+zJNf9ltbe3u5jSiWSWW1QLHt3E0XZ1xXUErux7rMox1pdlEo/zTMfly0e2T+/Bmjy3BEmbszvW/bGBp6n9ivWLqCovwoty6zXqAYbjn7dOZ+7GEvzt0hUCJCoEAYgVIsrQ+H0zDpG3a06Xsx4WVKpjAGtMnL/T3J+l/e0+m01dpzfKROgWLZR5LPAOuW2uWTabkrwymwoiOaXcL6/irT9piS8zvZK5YEiqlsDHeSeWCugWJcD8sESsl+l3ARKBEhUCCMQClmWkHJnRVwuK/lPLq11yr+k1efvR1P8ahHpE+8Dn9grxUotuWIyoGy2AVativGMVAyF86FAoHiEYESEQIFwuocKGvuQZm1TXO3ZEpIV+Lzy/fFwaAfWm42V2ZNywxr2LVb9nBd9qCsFihVTvFMLTeiH1FBD5kvrc7mLlXm+jbj4t0r6oOpeoqHQMH9I1AgrK6B4nreJPdmTuWcj/EG1E2M2h3pOxzNVy/eTVt27MbSKN+Mss67eAxbX9fYJKtMyYYFDstR5e/OHgTpA9jdNXzXesX1N8maHqH+wLQnR3ufTuEmWQIF949AgbC6BkrpLG84bTLV6sEQAvq3lAkunWcKpl3DXJM7UtPqT3aFZHkQ1oiy3HPRIkvBJhxlUi5632++1PI/Mk3d5uMqvzvTMoTxd2q7Ytkpnt1d9UnJlU/mR0oapXeaWRVZfml6rk1bfKe274SLQIkIgQJhtQ0U920oyhWKgsV8BWWThGVBIX/5DH2S1A9jMZvNPrR2ml3kae7NJ9Dyx1l6zssSKIVvJ1GuY1l90X9mfnimQyu+O8Njtm4esl7RYQ/K8lEUPMDdpv7AtFrKx1O2m5QjIFDgCYECYTUOlLJNF7nLmicB+5/46aqG7SK5nQWWWSbXBup5BFPn6CsuJZXi/k4hoAoCJSIECoTVOVCct8qWTt8OH9pRevtrXF0trEzG5G+rtbeVrrDkuW4ZBioiUCJCoEBYvQOl9I0idRDTCQLEjkCJCIECYXUPFAAeESgRIVAgjEAB4A2BEhECBcIIFADeECgRIVAgjEAB4A2BEhECBcIIFADeECgRIVAgjEAB4A2BEhECBcIIFADeECgRIVAgjEAB4A2BEhECBcKqBEqr1ZpMJtKPAEAcJpNJq9UiUGJBoEBYlUDpdrvD4VD6EQCIw3A47Ha7BEosCBQIqxIovV6v0+nc3t5KPwgAEeh0Or1ej0CJBYECYVUC5dOnT6enp0mSSD8IAKFLkqTdbq/9UkOg+EegQFjFQBmPx6enp51OZzgcsh8FgGYymQyHw06n0+l0Kr7UECieESgQVjFQZnq9XrfbbbVa7wAgo9Vqdbvdtc/sECiCCBQIu5NAAYB7RaD4R6BAGIECIHwEin8ECoQRKADCR6D4R6BAGIECIHwEin8ECoQRKADCR6D4R6BAGIECIHwEin8ECoQRKADCR6D4R6BAGIECIHwEin8ECoQRKADCR6D4R6BAGIECIHwEin8ECoQRKADCR6D4R6BAGIECIHwEin8ECoQRKADCR6D4R6BAGIECIHwEin8ECoQRKADCR6D4R6BAGIECIHwEin8ECoQlSTIajaRffACgyGg0SpJE+vWyXggUCOv3+4PB4ObmRvr1BwDMbm5uBoNBv9+Xfr2sFwIFwiaTyeXl5cePH6+vr6VfhQBAd319/fHjx8vLy7///lv69bJeCBTIm0wm/X7/8vLyAgACkyRJv9+nTvwjUAAAQHAIFAAAEBwCBQAABIdAAQAAwSFQAABAcAgUAAAQHAIFAAAEh0ABAADBIVAAAEBwCBQAABAcAgUAAASHQAEAAMEhUAAAQHAIFAAAEBwCBQAABOc/YE4MrPTFMUYAAAAASUVORK5CYII=" alt="" />
<button type="button" class="btn btn-primary btn-lg btn-block">（块级元素）Block level button</button>
<button type="button" class="btn btn-default btn-lg btn-block">（块级元素）Block level button</button>
9. 图片
aaarticlea/png;base64,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" alt="" />
<img src="..." alt="..." class="img-rounded">
<img src="..." alt="..." class="img-circle">
<img src="..." alt="..." class="img-thumbnail">
10. 辅助类
10.1 情境文本颜色
aaarticlea/png;base64,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" alt="" />
<p class="text-muted">...</p>
<p class="text-primary">...</p>
<p class="text-success">...</p>
<p class="text-info">...</p>
<p class="text-warning">...</p>
<p class="text-danger">...</p>
10.2 情境背景色
aaarticlea/png;base64,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" alt="" />
<p class="bg-primary">...</p>
<p class="bg-success">...</p>
<p class="bg-info">...</p>
<p class="bg-warning">...</p>
<p class="bg-danger">...</p>
10.3 关闭按钮
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAT8AAABMCAIAAACUBScnAAACrElEQVR4nO3aTU7bQBiAYe6/9wV8Ah/AJ7CSCCSKaBGmoqVUqOWnlKig4nZhx0kgsSnUhE96npVlJ9JsXs14xlt/gJi2Nj0A4JnUC1GpF6JSL0SlXohKvRCVeiEq9UJU6oWonlpvmadJkiRZsfJpka1+VGRJkubl84cHrNVRb5El3dpeiyxJ0ixLHz1SLwynr96OybZ9Nmu0zNO21Xo2Vi8Mp7/eMk+bUOdXS/UWWVI3Op+s0zzvrLdeh+saXqL/vbcsmy6zbNVk3LwQp3lZZG3D6oXh9dRb5mmytBpeX2+etRE33Vo5w5D66m0n3mK55LmiyOuAm8n5YcPqhWGsr7eZVDvMulzYrWoLVy8M7R/Pe1fGOK+33cDqqdd7L7zcE+ptw61rfHjY29a7Ikn1wnC66m1bfZRZXd8s4DJPm481Fn5YZGvnauB/8J0zRKVeiEq9EJV6ISr1QlTqhajUC1GpF6JSL0SlXohKvRCVeiEq9UJU6oWo1AtRqReiUi9EpV6ISr0QlXohKvVCVH31VreX51d3y7em384ub6vhxgQ8RWe9d9cn+5PRaLx73AZc3Z4fbY9Go8n+6c39K4wPWKer3ruLo+1Rbbx3enP/4M7Jz9+vNkzgke6VczU9+zDP9eBgZ9xc73y8uOv8JzC03l2ravp1fzJasn0kXdi8p+w5Vzdf3s3bfX9mxwregv56q+np3tjUC29OT71LL76TyVjA8GZ01Ts7HWo2nafV4pbzwikSsAmdJ0ZXx7vjOt3P13Wq86DHu59+ODGCDepfOR/sLZ8OVdOzg73D779sXcFm+c4ZolIvRKVeiEq9EJV6ISr1QlTqhajUC1GpF6JSL0SlXohKvRCVeiEq9UJU6oWo1AtRqReiUi9EpV6ISr0QlXohKvVCVFuHQEx/AcnDsqdhlJukAAAAAElFTkSuQmCC" alt="" />
<button type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span></button>
10.4 三角符号
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAABFCAIAAABv8wLYAAAB9klEQVR4nO3bMZKiUBSG0d7TbNOUgJTA+C2AFbAItvJPcBFbBZ1gypaucyKrMCC5n5dX+BWA5OunbwD4CFoAJFoAFC0AEi0AihYAiRYARQuA5GUL5nHouq5r0+bVqW1fmlrXDeP8H24PeJPHFkyte26d/ql13dDa8HBJC+BwdlrwZBFYr10mfh6HdfJrU9ACOJzdFszjsIz99dNNC6bW1cRfF4lhHJ+2oJ44VAI+0O55wTwvU97a1qKwHCQM4zy1tQhaAIe13YJ5HLqbvX+/BWNbk7BUwDMCHNBOC9alYLrtwtU0jZWDZXG4L4IWwKE8tGD5wX/iMuXfzgzXXmgBHNS/vV+wOdrXFqzHiC9a4LwAPtZ+C9YM1Gzfv1ywtmBjwLUADmejBevkPwxtzfIlB/M4LK8affvi1Hb3COCD+T8CkGgBULQASLQAKFoAJFoAFC0AEi0AihYAiRYARQuARAuAogVAogVA0QIg0QKgaAGQaAFQtABItAAoWgAkWgAULQASLQCKFgCJFgBltwV93/950Pf9O28OeJtne8FdDoQAfrEXzwin06lCcD6f33NDwI94fV5wOp2EAH49Z4dAogVA0QIg0QKgaAGQaAFQtABItAAoWgAkWgAULQASLQCKFgCJFgBFC4BEC4CiBUCiBUDRAiBJ/gJZkQ+qjK8J3gAAAABJRU5ErkJggg==" alt="" />
<span class="caret"></span>
Bootstrap3全局CSS样式的更多相关文章
- 26-[Boostrap]-全局css样式，组件，控件
1.全局CSS样式 https://v3.bootcss.com/css/ <!DOCTYPE html> <html lang="zh-CN"> < ...
- Boostrap全局CSS样式
1.Bootstrap提供的CSS Reset * { box-sizing: border-box; } body { font ...; color: #333; background: ...; ...
- bootstrap全局CSS样式学习
参考http://v3.bootcss.com/css/,根据自己的记忆进行的复述,加深记忆. 首先介绍bootstrap全局CSS样式 只通过使用bootstrap.css,即可获得统一的样式设置. ...
- 响应式布局和BootStrap 全局CSS样式
1.什么是响应式布局 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,这个概念是为解决移动互联网浏览而诞生的. 简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一 ...
- 14、响应式布局和BootStrap 全局CSS样式知识点总结-part1
1.什么是响应式布局 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,这个概念是为解决移动互联网浏览而诞生的. 简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一 ...
- 【03】全局 CSS 样式
全局 CSS 样式 设置全局 CSS 样式:基本的 HTML 元素均可以通过 class 设置样式并得到增强效果:还有先进的栅格系统. 概览 深入了解 Bootstrap 底层结构的关键部分,包括我们 ...
- 学习BootStrap3.3.4——敲完全局CSS样式
历时7小时- -(算上晚饭)终于敲完BootStrap CSS样式部分.还是第一次这么持久的敲纯前端,连JS都没有. 正好趁这机会熟悉了Sublime,主要是各个快捷键的用法.目前用到最多的: 而且s ...
- 全局css , 样式设置, css 初始化. css ,style ,全局样式, 初始化样式
全局CSS设置总结 1.清除所有标记的内外边距 html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldse ...
- bootstrap 全局 CSS 样式
http://v3.bootcss.com/css/#less-mixins-utility 深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好.更快.更强壮的最佳实践 ...
随机推荐
- linux c 常常混淆的概念
指针函数 and 函数指针 指针函数是指带指针的函数,即本质是一个函数.函数都有返回类型(假设不返回值,则为无值型),仅仅只是指针函数返回类型是某一类型的指针. 定义格式 类型名 *函数名(函数參数列 ...
- caffe使用自己的数据做分类
这里只举一个例子: Alexnet网络训练自己数据的过程 用AlexNet跑自己的数据 参考1:http://blog.csdn.net/gybheroin/article/details/54095 ...
- Unix OpenCV安装
官方下载:https://sourceforge.net/projects/opencvlibrary/files/ 最好下载2.4.13版本,不然可能会有很多奇奇怪怪的问题 解压后: mkdir ...
- 程序如何在RAM ROM运行，内存分配与分区
关于RAM ROM RAM与ROM就是具体的存储空间,统称为存储器 RAM(random access memory):运行内存,CPU可以直接访问,读写速度非常快,但是不能掉电存储.它又分为: 动态 ...
- A Universally Unique IDentifier (UUID) URN Namespace
w Network Working Group P. Leach Request for Comments: 4122 Microsoft Category: Standards Track M. M ...
- fatal error C1083: 无法打开包括文件:“stdint.h”: No such file or directory
stdint.h是c99标准的头文件,vc不支持,所以肯定会提示“No such file or directory”的. stdint.h是C99的标准,主要用于统一跨平台数据定义. MSVC中不带 ...
- 洛谷 P1640 [SCOI2010]连续攻击问题
洛谷 一句话题意: 每个武器有两种属性,每种武器只能选择一种属性,从属性1连续递增才算攻击,求最大连续攻击次数. 因为同学告诉我这是二分图最大匹配,自然就往那个方向去想. 那么怎么建图呢? 每个武器只 ...
- 我的Android进阶之旅------>Android横竖屏切换总结
在默认情况下当屏幕从竖评变到横屏时会触发 onConfigurationChanged 事件 在默认情况下会重新加载画面并显示和横屏一样的画面,这样会有2个问题, * 布局问题,在竖屏 显示的布局 ...
- 关于handler内存泄露的问题
在使用Handler更新UI的时候.我是这样写的: public class SampleActivity extends Activity { private final Handler mLeak ...
- mui上传图片
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...