Bootstrap3CSS样式基本用法总结_html/css_WEB-ITnose

引用来源

这世界并不会在意你的自尊。这世界指望你在自我感觉良好之前先要有所成就。

 
这世界并不会在意你的自尊。这世界指望你在自我感觉良好之前先要有所成就。
  

居右的引用，添加类.blockquote-reverse

这世界并不会在意你的自尊。这世界指望你在自我感觉良好之前先要有所成就。

 
这世界并不会在意你的自尊。这世界指望你在自我感觉良好之前先要有所成就。
  

列表

无样式列表.list-unstyled

 
这里是列表
 
这里是列表
 
这里是二级列表
 
这里是二级列表
 
这里是二级列表
 
这里是二级列表
 
这里是列表
 
这里是列表
 
这里是列表
 

内联列表-同一行显示.list-inline

 
这里是列表
 
这里是列表
 
这里是二级列表
 
这里是二级列表
 
这里是二级列表
 
这里是二级列表
 
这里是列表
 
这里是列表
 
这里是列表
 

普通描述

名言 如果你陷入困境，那不是你父母的过错，所以不要尖声抱怨我们的错误，要从中吸取教训。 比尔盖茨的名人名言是这样描述的 在你出生之前，你的父母并非像他们现在这样乏味。 他们变成今天这个样子是因为这些年来他们一直在为你付账单，给你洗衣服，听你大谈你是如何的酷。 所以，如果你想消灭你父母那一辈中的"寄生虫"来拯救雨林的话，还是先去清除你房间衣柜里的虫子吧。

 名言 如果你陷入困境，那不是你父母的过错，所以不要尖声抱怨我们的错误，要从中吸取教训。 比尔盖茨的名人名言是这样描述的 在你出生之前，你的父母并非像他们现在这样乏味。 他们变成今天这个样子是因为这些年来他们一直在为你付账单，给你洗衣服，听你大谈你是如何的酷。 所以，如果你想消灭你父母那一辈中的"寄生虫"来拯救雨林的话，还是先去清除你房间衣柜里的虫子吧。 

水平排列描述.dl-horizontal

名言 如果你陷入困境，那不是你父母的过错，所以不要尖声抱怨我们的错误，要从中吸取教训。 比尔盖茨的名人名言是这样描述的 在你出生之前，你的父母并非像他们现在这样乏味。 他们变成今天这个样子是因为这些年来他们一直在为你付账单，给你洗衣服，听你大谈你是如何的酷。 所以，如果你想消灭你父母那一辈中的"寄生虫"来拯救雨林的话，还是先去清除你房间衣柜里的虫子吧。

 名言 如果你陷入困境，那不是你父母的过错，所以不要尖声抱怨我们的错误，要从中吸取教训。 比尔盖茨的名人名言是这样描述的 在你出生之前，你的父母并非像他们现在这样乏味。 他们变成今天这个样子是因为这些年来他们一直在为你付账单，给你洗衣服，听你大谈你是如何的酷。 所以，如果你想消灭你父母那一辈中的"寄生虫"来拯救雨林的话，还是先去清除你房间衣柜里的虫子吧。 

代码

内联代码 code

Let's add a headFile #include

 Let's add a headFile #include<stdio>

用户输入 kbd

请按 F5 刷新

 请按 F5 刷新

代码块 pre

This is a tag name div 

 
<div>This is a tag name div </div>

变量 var

a

 a

程序输出 samp

Hello World!

 Hello World!

本篇总结了一些常用的bootstrap3 的Css样式，但并非所有。

详细的学习请参考bootstrap官网：http://getbootstrap.com

bootstrap4 即将到来，期待！