-
.text-info查看全部
-
<small> .lead <b></strong> .list-inline查看全部
-
将表单的控件都在一行内显示（eg:请输入用户名和请输入密码在同一行） form添加class="form-inline" 要在input前面添加一个label标签时，会导致input换行显示。如果你必须添加这样的一个label标签，并且不想让input换行，你需要将label标签也放在容器“form-group”中 eg: <div class="form-group"> <label class="sr-only" for="exampleInputEmail2">Email address</label> </div> <div class="form-group"> <inputtype="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email"> </div> 改为 <form class="form-inline" role="form"> <div class="form-group"> <label class="sr-only" for="exampleInputEmail2">邮箱</label> <input type="email" class="form-control" id="exampleInputEmail2" placeholder="请输入你的邮箱地址"> </div> <div class="form-group"> <label class="sr-only" for="exampleInputPassword2">密码</label> <input type="password" class="form-control" id="exampleInputPassword2" placeholder="请输入你的邮箱密码"> </div> <div class="checkbox"> <label> <input type="checkbox">记住密码 </label> </div> <button type="submit" class="btnbtn-default">进入邮箱</button> </form> label标签的sr-only类是将标签隐藏的作用查看全部
-
实现水平表单风格（eg:用户名在左，请输入用户名在右） 在form里面加上class="form-horizontal"查看全部
-
bootstrap表单 可以给input、select、textarea等元素加上class="form-control" 效果: 1、宽度变成了100% 2、设置了一个浅灰色#ccc的边框 3、具有4px的圆角 4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化 5、设置了placeholder的颜色为#999查看全部
-
响应式：让web页面适合千罗万象的设备浏览查看全部
-
给表格设置背景颜色 表格：table-tr-td(thead是表格的标题，放在table下面) 1、给tr设置class为 active:浅灰色（活动信息） success:浅灰绿色（成功，正确的行为） info:浅蓝色（中立的信息，行为） warning:浅黄色（警告） danger:浅粉色（危险，错误的行为） 2、要想实现悬浮状态，table再加一个table-hover的类 3、要想给表格加边框，table再加一个table-bordered的类查看全部
-
给表格设置样式 给table设置class为 table:基础表格 table table-striped:斑马线表格 table table-bordered:带边框的表格 table table-striped table-bordered table-hover:鼠标悬浮高亮的表格 table table-responsive:响应式表格 table table-condensed:紧凑型表格查看全部
-
控制pre元素显示代码块的大小 给pre元素设置class="pre-scrollable" 这样就可以控制代码块区域最大高度为340px,一旦超过这个高度，就会在Y轴出现滚动条查看全部
-
若想要在网页上显示代码 bootstrap给代码设置了样式 code：<code>代码</code> pre ：<pre>代码</pre> (这里显示什么样浏览器就显示什么样，不存在换不换行） （这里行是怎样显示的浏览器的代码行就是怎样显示的） pre的eg: <pre> <ul> <li>...</li> <li>...</li> <li>...</li> </ul> </pre> kbd: <kbd>代码</kbd> 注： 1、小于号（<）要使用硬编码“<”来替代，大于号(>)使用“>”来替代 2、使用<code></code>来显示单行内联代码 3、使用<pre></pre>来显示多行块代码 4、使用<kbd></kbd>来显示用户输入代码查看全部
-
给定义列表设置-水平显示效果 定义列表：dl-dt（标题）-dd(内容) 给dl设置class="dl-horizontal" 效果：(只有当屏幕大于768px的时候才有效) dd内容显示在dt的左边 每个dt占一行 （具体: 1、将dt设置左浮动，宽度为160px 2、将dd设置margin-left:180px;达到水平的效果 3、当dt内容超过160px时，将会显示三个省略号. ）查看全部
-
把垂直列表换成水平列表（为了制作水平导航） 给ul设置class="list-inline"查看全部
-
想要给ul或者ol去电前面的编号或者小点 给ul或者ol的list设置class="list-unstyled"查看全部
-
设置段落的文本对其方式 让p的class为 text-left:左对齐 text-right:右对齐 text-center:居中对齐 text-justify:两端对齐查看全部
-
利用设置段落p文字颜色来强调文字： p 的class 设置为 text-muted:浅灰色（提示） text-primary:蓝色（主要） text-success:浅绿色（成功） text-info:浅蓝色（通知信息） text-warning:黄色（警告） text-danger:褐色（危险）查看全部
举报
0/150
提交
取消