第五章 CSS组件(上)
摘要:Glyphicons Halflings 一般是收费的,但是他们的作者允许 Bootstrap 免费使用,包括250多个来自 Glyphicon Halflings 的字体图标。、 图标类不能和其它组件直接联合使用。应该创建一个嵌套的 <span> 标签,并将图标类应用到这个 <span> 标签上,
阅读全文
第四章 CSS 通用样式四(按钮)
摘要:本章将通过实例讲解如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式,具体如下表所示: 以下样式可用于<a>, <button>, 或 <input> 元素上: 一、预定义样式 例: 1
阅读全文
第四章 CSS 通用样式三(表单)
摘要:一、基本实例 单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group 中可以获得最好
阅读全文
第四章 CSS 通用样式二(表格)
摘要:一、表格的基本实例 为任意 <table> 标签添加 .table 类可以为其赋予基本的样式 — 少量的内补(padding)和水平方向的分隔线。 例: 1 <table class="table"> 2 <tr> 3 <th>序号</th> 4 <th>班级</th> 5 <th>姓名</th>
阅读全文
第四章 CSS 通用样式一(Bootstrap排版)
摘要:一、Bootstrap排版 1.1标题标签 1.1.1h1-h6标签 Bootstrap中对标题标签(h1-h6)的样式重新做了样式的定义,使用方式和HTML标签中使用方式一样: 例: 1 <!--标题标签--> 2 <h1>h1</h1> 3 <h2>h2</h2> 4 <h3>h3</h3> 5
阅读全文