-
.table-striped 斑马线表格查看全部
-
☑ .table：基础表格 ☑ .table-striped：斑马线表格 ☑ .table-bordered：带边框的表格 ☑ .table-hover：鼠标悬停高亮的表格 ☑ .table-condensed：紧凑型表格 ☑ .table-responsive：响应式表格查看全部
-
在<pre class=pre-scrollable""></pre>中使用：.pre-scrollable”，就可以控制代码块区域最大高度为340px，一旦超出这个高度，就会在Y轴出现滚动条。查看全部
-
1、<code>：一般是针对于单个单词或单个句子的代码 2、<pre>：一般是针对于多行代码（也就是成块的代码） 3、<kbd>:一般是表示用户要通过键盘输入的内容查看全部
-
.dl-horizontal再<dl class="dl-horizontal"></dl>中使用，屏幕窄的时候，两行显示，宽的时候一行显示查看全部
-
鼠标单击输入框，使其获得焦点就可以看到加入蓝色边框效果,需要给控件添加类名“form-control”查看全部
-
设置表单控件大小 1、input-sm:让控件比正常大小更小 2、input-lg:让控件比正常大小更大 这两个类适用于表单中的input，textarea和select控件，具体使用如下： <input class="form-control input-lg" type="text" placeholder="添加.input-lg，控件变大"> <input class="form-control" type="text" placeholder="正常大小"> <input class="form-control input-sm" type="text" placeholder="添加.input-sm，控件变小">查看全部
-
按钮也是表单重要控件之一,制作按钮通常使用下面代码来实现： ☑ input[type=“submit”] ☑ input[type=“button”] ☑ input[type=“reset”] ☑ <button>查看全部
-
如果textarea元素中添加了类名“form-control”类名，则无需设置cols属性。因为Bootstrap框架中的“form-control”样式的表单控件宽度为100%或auto。 <form role="form"> <div class="form-group"> <textarea class="form-control" rows="3"></textarea> </div> </form>查看全部
-
多行选择设置multiple属性的值为multiple。 <div class="form-group"> <select multiple class="form-control"> <option>踢足球</option> <option>游泳</option> <option>慢跑</option> <option>跳舞</option> </select> </div>查看全部
-
单行输入框，常见的文本输入框，也就是input的type属性值为text。在Bootstrap中使用input时也必须添加type类型，如果没有指定type类型，将无法得到正确的样式，因为Bootstrap框架都是通过input[type=“?”](其中?号代表type类型，比如说text类型，对应的是input[type=“text”])的形式来定义样式的。 为了让控件在各种表单风格中样式不出错，需要添加类名“form-control”，如： <form role="form"> <div class="form-group"> <input type="email" class="form-control" placeholder="Enter email"> </div> </form>查看全部
-
1.以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> 2. <meta http-equiv="X-UA-Compatible" content="IE=edge">渲染IE浏览器 3. <meta name="viewport" content="width=device-width, initial-scale=1">(width=device-width,宽度等于叶面设置宽度） 从别同学那里看到的笔记： 1.<html lang="en"> 这里的lang="en"可以删除，如果不删除的，用谷歌之类打开，它会认为是英文的，会自动给翻译（如果设置了自动翻译的话）。√ 2. css放到head里，js放到body的最下面。加入viewPort数据元以适应移动设备。查看全部
-
<div class="caption"> <h3> 教程</h3> <p> bootstrap是优秀的前段框架</p> <p> <a href="#" class="btn btn-danger">开始学习 </a> <a href="#" class="btn btn-success">结束学习 </a> </p> </div>查看全部
-
第二个边框(1)相当于容器(.container)。针对不同的浏览器分辨率，其宽度也不一样：自动、750px、970px和1170px。在bootstrap.css的第736行～第756行进行设置：查看全部
-
要将table放在<div class="table-responsive"></div>中才可以实现响应式表格查看全部
举报
0/150
提交
取消