bootstrap3 第2页

Bootstrap 内联代码 code

小丁 发布于 2015-09-24

Bootstrap 代码 Bootstrap 允许您以两种方式显示代码: 第一种是 <code> 标签。如果您想要内联显示代码,那么您应该使用 <code> 标签。 第二种是 <pre> 标签。如果代码需要被显示为一个独立的块元素或者代码有多行...

Bootstrap 响应式表格

刘莉莉 发布于 2015-09-24

响应式表格 通过把任意的 .table 包在 .table-responsive class 内,您可以让表格水平滚动以适应小型设备(小于 768px)。当在大于 768px 宽的大型设备上查看时,您将看不到任何的差别。 Firefox 和 fieldset 元素 Firefox...

Bootstrap 设置颜色

刘莉莉 发布于 2015-09-24

状态类 通过这些状态类可以为行或单元格设置颜色。 下表中所列出的上下文类允许您改变表格行或单个单元格的背景颜色。 Class 描述 .active 鼠标悬停在行或单元格上时所设置的颜色 .success 标识成功或积极的动作 .info 标识普通的提示信息或动作 .warning...

Bootstrap 紧缩表格

Harries 发布于 2015-09-24

紧缩表格 通过添加 .table-condensed 类可以让表格更加紧凑,单元格中的内补(padding)均会减半。 通过添加 .table-condensed class,行内边距(padding)被切为两半,以便让表看起来更紧凑,如下面的实例所示。这在想让信息看起来更紧凑时...

Bootstrap 鼠标悬停

尖兵 发布于 2015-09-24

鼠标悬停 通过添加 .table-hover 类可以让 <tbody> 中的每一行对鼠标悬停状态作出响应。 通过添加 .table-hover class,当指针悬停在行上时会出现浅灰色背景,如下面的实例所示: # First Name Last Name Usern...

Bootstrap 带边框表格

尖兵 发布于 2015-09-24

带边框的表格 添加 .table-bordered 类为表格和其中的每个单元格增加边框。 通过添加 .table-bordered class,您将看到每个元素周围都有边框,且占整个表格是圆角的,如下面的实例所示: # First Name Last Name Username ...

Bootstrap 条纹表格

小丁 发布于 2015-09-24

条纹表格 通过 .table-striped 类可以给 <tbody> 之内的每一行增加斑马条纹样式。 跨浏览器兼容性 条纹状表格是依赖 :nth-child CSS 选择器实现的,而这一功能不被 Internet Explorer 8 支持。 通过添加 .table...

Bootstrap 辅助文本

Harries 发布于 2015-09-24

辅助文本 针对表单控件的“块(block)”级辅助文本。 Bootstrap 表单控件可以在输入框 input 上有一个块级帮助文本。为了添加一个占用整个宽度的内容块,请在 <input> 后使用 .help-block。 A block of...

Bootstrap 控件尺寸

尖兵 发布于 2015-09-24

控件尺寸 通过 .input-lg 类似的类可以为控件设置高度,通过 .col-lg-* 类似的类可以为控件设置宽度。 您可以分别使用 class .input-lg 和 .col-lg-* 来设置表单的高度和宽度。下面的实例演示了这点: 高度尺寸 创建大一些或小一些的表单控件以...

Bootstrap 校验状态

小丁 发布于 2015-09-24

校验状态 Bootstrap 对表单控件的校验状态,如 error、warning 和 success 状态,都定义了样式。 使用时,添加 .has-warning、.has-error 或 .has-success 类到这些控件的父元素即可。 任何包含在此元素之内的 .cont...

Bootstrap 只读输入框

尖兵 发布于 2015-09-24

只读输入框 为输入框设置 readonly 属性可以禁止用户输入,并且输入框的样式也是禁用状态。   <input class="form-control" type="text" placeholder="Rea...

Bootstrap 禁用输入框

刘莉莉 发布于 2015-09-24

被禁用的输入框 为输入框设置 disabled 属性可以防止用户输入,并能对外观做一些修改,使其更直观。 如果您想要禁用一个输入框 input,只需要简单地添加 disabled 属性,这不仅会禁用输入框,还会改变输入框的样式以及当鼠标的指针悬停在元素上时鼠标指针的样式。如下面实...

Bootstrap 输入框焦点

尖兵 发布于 2015-09-24

输入框焦点 我们将某些表单控件的默认 outline 样式移除,然后对 :focus 状态赋予 box-shadow 属性。 当输入框 input 接收到 :focus 时,输入框的轮廓会被移除,同时应用 box-shadow。如下面实例所示:   演示:focus 状...

Bootstrap 按钮标签

尖兵 发布于 2015-09-24

按钮标签 您可以在 <a>、<button> 或 <input> 元素上使用按钮 class。 但是建议您在 <button> 元素上使用按钮 class,避免跨浏览器的不一致性问题。 下面的实例演示了这点: 按钮类 为 <a...

Bootstrap 按钮 禁用状态

邓龙华 发布于 2015-09-24

Bootstrap 按钮-禁用状态 当您禁用一个按钮时,它的颜色会变淡 50%,并失去渐变。 下表列出了让按钮元素和锚元素呈禁用状态的 class: 元素 Class 按钮元素 添加 disabled 属性 到 <button> 按钮。 锚元素 添加 disabled...

Bootstrap 按钮 激活状态

小丁 发布于 2015-09-24

Bootstrap 按钮 激活状态 Bootstrap 提供了激活、禁用等按钮状态的 class,下面将进行详细讲解。 激活状态 按钮在激活时将呈现为被按压的外观(深色的背景、深色的边框、阴影)。 下表列出了让按钮元素和锚元素呈激活状态的 class: 元素 Class 按钮元素...

Bootstrap 按钮 尺寸大小

尖兵 发布于 2015-09-24

Bootstrap 按钮-尺寸大小 下表列出了获得各种大小按钮的 class: Class 描述 .btn-lg 这会让按钮看起来比较大。 .btn-sm 这会让按钮看起来比较小。 .btn-xs 这会让按钮看起来特别小。 .btn-block 这会创建块级的按钮,会横跨父元素的...

Bootstrap 按钮 默认样式

尖兵 发布于 2015-09-24

Bootstrap 按钮 – 默认样式 本章将通过实例讲解如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式,具体如下表所示: Class 描述 btn 默...