摘要: 1.情境文本颜色 通过颜色来展示意图,Bootstrap 提供了一组工具类。这些类可以应用于链接,并且在鼠标经过时颜色可以还可以加深,就像默认的链接一样。  2.情境背景色 和情境文本颜色类一样,使用任意情境背景色类就可以设置元素的背景。链接组件在鼠标经过时颜色会加深,就像上面所讲的情境文本颜色类 阅读全文
posted @ 2016-05-03 18:25 Mac.Manon 阅读(985) 评论(0) 推荐(0) 编辑
摘要: 1.响应式图片 在 Bootstrap 版本 3 中,通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性,从而让图片在其父元素中更好的缩放。 如果需 阅读全文
posted @ 2016-05-03 17:05 Mac.Manon 阅读(271) 评论(0) 推荐(0) 编辑
摘要: 1.可作为按钮使用的标签或元素 为 <a>、<button> 或 <input> 元素添加按钮类(button class)即可使用 Bootstrap 提供的样式。  针对组件的注意事项 虽然按钮类可以应用到 <a> 和 <button> 元素上,但是,导航和导航条组件只支持 <button> 阅读全文
posted @ 2016-05-03 16:53 Mac.Manon 阅读(1004) 评论(0) 推荐(0) 编辑
摘要: 表单主要包含表单域、输入框、下拉框、单选框、多选框和按钮等控件。 1.基本实例 单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea>和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元 阅读全文
posted @ 2016-05-03 16:17 Mac.Manon 阅读(1596) 评论(0) 推荐(1) 编辑
摘要: table样式: .table:表格基本样式,很少的padding,灰色的细水平分隔线。 .table-striped:斑马纹样式,隔行换色。 .table-bordered:为表格和其中的每个单元格增加边框。 .table-hover:鼠标悬停,鼠标经过数据行时,该行背景色与斑马纹背景效果相同。 阅读全文
posted @ 2016-05-03 14:45 Mac.Manon 阅读(1614) 评论(0) 推荐(0) 编辑
摘要: 1.内联代码 code: 通过 <code> 标签包裹内联样式的代码片段。灰色背景、灰色边框和红色字体。  2.用户输入 kbd: 通过 <kbd> 标签标记用户通过键盘输入的内容。  3.代码块 pre: 代码块效果呈现为:灰色背景,灰色圆角边框和深色字体效果。<pre>代码中不能包含可能导致 阅读全文
posted @ 2016-05-03 11:38 Mac.Manon 阅读(464) 评论(0) 推荐(0) 编辑
摘要: 在Bootstrap中,页面的排版都是从全局的概念上出发,定制了主体文本、强调文本、标题、Code风格、按钮、表单、表格等格式,并运用CSS3的@font-face和伪元素一起实现了一套icon主题。 1.标题: HTML 中的所有标题标签,<h1> 到 <h6> 均可使用。另外,还提供了 .h1 阅读全文
posted @ 2016-05-03 11:22 Mac.Manon 阅读(2030) 评论(0) 推荐(0) 编辑