-
Bootstrap为表格不同的样式风格提供了不同的类名,主要包括:
.table:基础表格
.table-striped:斑马线表格
.table-bordered:带边框的表格
.table-hover:鼠标悬停高亮的表格
.table-condensed:紧凑型表格
.table-responsive:响应式表格
查看全部 -
只需要在pre标签上添加类名“.pre-scrollable”,就可以控制代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条。
查看全部 -
Bootstrap可以给<dl>添加类名“.dl-horizontal”给定义列表实现水平显示效果。
查看全部 -
通过添加类名“.list-inline”来实现内联列表,简单点说就是把垂直列表换成水平列表,而且去掉项目符号(编号),保持水平显示。
查看全部 -
通过给无序列表添加一个类名“.list-unstyled”,这样就可以去除默认的列表样式的风格。
查看全部 -
.text-justify:两端对齐
查看全部 -
值得注意的是dd标签内可以添加任意其他标签,但是dt标签内不能添加块级标签只能添加行级或行内块级标签。查看全部
-
无序列表距离页面左侧有一定的间距,且项目前用实心点表示; 有序列表距离页面左侧也有一定的间距,且项目前用数字表示; 定义列表距离页面左侧没有间距,且项目前没有任何符号或标记查看全部
-
< i > 是视觉要素(presentationl elements),分别表示无意义的加粗,无意义的斜体,仅仅表示样式上是粗体或斜体,而没有强调的语义,这两个标签在HTML4.01中不推荐使用,建议用CSS样式; < em > 是表达要素(phrase elements)。 < em > (emphasized text)表示一般的强调文本,这个标签具有语义。该标签中的内容在搜索引擎中更受重视,一些语音阅读器也会根据它在阅读时加强语气。查看全部
-
图标:
https://glyphicons.com/
http://getbootstrap.com/components/#glyphicons
http://www.bootcss.com/p/font-awesome/
查看全部 -
.list-unstyled 样式类要添加到父元素ul 或ol上
查看全部 -
JQuery要在Bootstrap之前引用
查看全部 -
发广告查看全部
-
模态弹窗的事件
使用:
$('#myModal').on('hidden.bs.modal', function (e) { // 处理代码... })
show.bs.modal:在show方法调用时立即触发(尚未显示之前);如果单击了一个元素,那么该元素将作为事件的relatedTarget属性
shown.bs.modal:该事件在模态弹出窗完全显示给用户之后(并且等CSS动画完成之后)触发;如果单击了一个元素,那么该元素将作为事件的relatedTarget事件
hide.bs.modal:在hide方法调用时(但还未关闭隐藏)立即触发
hidden.bs.modal:该事件在模态弹出窗完全隐藏之后(并且CSS动画漂完成之后)触发
查看全部 -
参数设置
$(“#mymodal”).modal(“toggle”)
触发时,反转模态弹出窗的状态。如果模态弹出窗是显示的,则关闭;反之,如果模态弹出窗是关闭的,则显示
$(“#mymodal”).modal(“show”)
触发时,显示模态弹出窗
$(“#mymodal”).modal(“hide”)
触发时,关闭模态弹出窗
查看全部
举报