lhh_12345的博客

Bootstrap的HTML标准模板                                                                                                   Hello, world!

1、设置了全局的文本样式，如下：源码：body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.42857143;color: #333;background-color: #fff;} 这几个属性均为继承属性，故所有文本都是这些样式效果，

1、表单控件大小可以通过设置控件height、line-height、padding和font-size等属性实现控件高度的设置。bootstrap中对input、textarea和select控件使用两个类名来控制大小，但是都需要“form-control”维持基本样式：     input-sm：让控件比正常更小；     input-lg：让控件比正常更大。源码：

1、单行输入框（input的type属性值为text）用法： 注：bootatrap中input值必须添加type类型，因为样式是通过type属性来定义，为了让控件（select、input、textarea）在各种表单风格中样式不出错，需要添加类名“form-control”2、下拉选者框（select）用法：

表单中常见元素主要是：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮。1、基础表单（仅对表单内的 fieldset、legend、label标签进行定制）：源码：fieldset {min-width: 0;padding: 0;margin: 0;border: 0;}legend {display: block;width: 100%;padding: 0;margin

一、bootstrap和html的写法一样，定义标题都是通过标签的方式，但是bootstrap对样式进行了重置，并且添加了.h1~.h6的类名让不是标题的元素也能应用其样式；      具体规则如下：   可得：1、h1~h3的margin-top和margin-bottom分别为20px和10px；              2、所有标题的行高为1.1，文本的颜色和字体都继承父元

1、Bootstrap为表格的不同样式提供了不同的类名（如）：    .table：基础表格   .table-striped：斑马线表格   .table-bordered：带边框的表格   .table-hover：鼠标悬停高亮的表格  .table-condensed：紧凑型表格   .table-responsive：响应式表格2、Bootstrap为表格的

搭建个人博客时，可以用bootstrap来呈现不同的代码风格，主要为三种;1、使用显示单行内联代码，针对单个单词或句子，粉底红字；2、使用显示多行块代码，针对成块代码，可以添加类名“pre-scrollable”控制代码区最大高度为340px（超出则显示滚动条），灰底黑字；3、使用来显示用户输入代码，表示用户通过键盘输入的内容，黑底白字。      说明：不管使用哪种代码风格，小于

1、无序列表和有序列表使用方法与原来相同（也可以嵌套），只不过bootstrap对它样式的margin值进行了调整；源码：ul,ol { margin-top: 0;margin-bottom: 10px;}ul ul,ol ul,ul ol,ol ol {margin-bottom: 0;}2、去点列表，通过给有序列表和无序列表添加类名list-unstyled去除默认样式源码：