带边框的表格 为 <table> 添加 .table-bordered 类，就可以为表格中所有的单元格添加边框，同时也为整个表格添加边框。如： <tableclass="table table-bordered"> <... &l...
”Bootstrap3实用教程“ 的搜索结果
行内表单 为<form>元素添加.form-inline类，就可以创建一个表现为inline-block的行内表单。行内表单采用紧凑布局，它的所有控件都在一行内显示，标签和输入框使用左对齐方式。如： ...labelfor="...
对于正文文本，Bootstrap定义的默认字体栈为 "Helvetica Neue"、Helvetica、Arial、sans-serif，它们也是主流操作系统默认支持的标准字体。万一明确指定的字体都不存在，负责兜底儿的 sans-serif 会告诉浏览器使用...
按钮状态切换 将单个按钮的 data-toggle 属性设置 button，或通过简单的JavaScript编程，就可以激活按钮的行为状态，让它在未激活和激活状态之间来回切换。如： <buttonclass="btn btn-primary"data-toggle=...
插件的调用方式 Bootstrap的所有插件都支持两种调用方式：一种是 data 属性API调用，一种是JavaScript API调用。可以根据需要选择任意一种调用方式。 ...因此，这是最简单、最实用的方法，建议...
Bootstrap3提供的HTML帮助文档，需要在本地部署之后才能查看，不像Bootstrap2的文档可以直接在浏览器中查看。部署步骤如下： 1、安装powershell 人们一般习惯使用Windows 的cmd命令行来执行命令，但这里必须安装...
弹出提示插件的方法 1、.popover (options) 使用一个可选的对象参数 options调用某个页面元素的弹出提示。如： $('#element').popover({ placement:right }) 2、.popover('show') ...3...
从该链接下载的是一个名称为bootstrap-3.3.7.zip的压缩包，其中包含用于编译CSS的Less源文件、以及各个插件的JavaScript源文件，以及一份文档。 如果要使用未编译的源代码，还需要编译 Less 文件来生成可重用的 CSS...
基于Bootstrap3的响应式布局网站教程源码（五），基础入门，适合新手，有齐全的注释，详细教程参考我的博文。除了博文所写之外，我还更新了许多实用的源码。 为了防止有些人不知道怎么用，我还不厌其烦的讲解下，...
警告框 警告框插件（alert.js）仅仅为警告框组件一个关闭功能，即点击警告框的关闭按钮，可以让警告框消失，并将它从 DOM 中删除。 使用方法 为警告框添加一个可选的.alert-dismissible类和一个关闭按钮，就可以...
地址 ...address> 元素，用于标记地址。标记为地址之后，可以让屏幕阅读器和搜索引擎找到地址或电话号码。 默认情况下，<address> 是块级元素，因此，必要时可以用 <... 标签来换行（如，把城市与街道分开）...
除了用于快速布局的预定义栅格类，Bootstrap 还包含了一组 Less 变量和 mixin，通过自定义这些变量和 mixin，可以生成简单、语义化的布局。 1、变量 通过变量来定义列数、间隙（gutter）宽度、媒体查询阈值（用于...
Bootstrap 3 的目标是简洁、直观、强悍的前端开发框架，让 Web 开发变得更好、更快、更强壮，我们有必要先了解一下 Bootstrap 底层结构的关键部分。 HTML5文档类型 Bootstrap使用了HTML5特定的元素和CSS属性，在...
折叠 折叠插件（collapse.js）可以很容易地让页面区域折叠...Bootstrap中，折叠组件的基本结构是在一个 class="accordion" 的容器中，包含一个或多个 class="accordion-group" 的折叠面板子容器。如： <div...
响应式表格 将任何.table元素包裹在.table-responsive容器中，即可创建响应式表格，它在屏幕宽度小于768px的设备上会出现水平滚动条。当屏幕宽度大于 768px 时，水平滚动条消失。如： ...divclass="table-...
Bootstrap 栅格系统中一个非常人性化的特性，就是使用 .col-md-push-* 和 .col-md-pull-* 类来改变列的顺序。push 将元素向右推动 * 指定的列数，pull 将元素向左拉动 * 指定的列数，* 的取值范围是从 1 到 11。 这...
下载可以直接运行，一个完整的例子中包含bootstrap3.0里所有的组件和样式，真的非常实用， bootstrap2.x和3有一定的区别，而且现在网上好多教程都是bootstrap2.x的，下载前先看下你bootstrap的版本
工具提示 当鼠标移动到特定元素上时，显示相关的提示信息，比如给出链接说明或缩写词的全称等，是一个非常人性化的功能。 ... 由于原生的工具提示样式单调...鉴于此，Bootstrap提供了一个工具提示插件，它功能完善，...
Bootstrap为工具提示插件提供了 11 个选项，所有的选项都可以通过 data 属性或JavaScript进行设置。这些选项详细见表 4‑7： 表 4‑7 popover插件的选项 名称 类型 默认值 说明 animation boolean ...
如果你是使用bootstrap.js或bootstrap.min.js一次性引入所有插件，这些组件就已经默认拥有过渡效果。如果你是单个引入组件，则要先引入transition.js，再引入相应插件的 JS 文件。 Bootstrap中的以下组件默认具有...
Bootstrap的面板组件是内容的容器，它由页眉、主体、页脚三部分组成。面板组件由.panel容器定义，页眉、主体、页脚分别由.panel-title、.panel-body、.panel-footer的容器定义。 1、基本面板 由于面板组件的页眉和...
Bootstrap为模态框提供了两个尺寸类 .modal-lg和.modal-sm，可以为.modal-dialog增加一个样式类，来调整模态框的尺寸。 如果模态框中的内容比较多，你希望比默认尺寸大一些，使用 .modal-lg 类；如果模态框中的内容...
Bootstrap 响应式实用工具 86 打印类 86 实例 86 Bootstrap 字形图标（Glyphicons） 89 什么是字形图标（Glyphicons）？ 89 获取字形图标（Glyphicons） 89 CSS 规则解释 89 用法 91 带有导航栏的字形图标...
Bootstrap为模态对话框插件提供了 5 个事件，通过监听这些事件，可以对特定操作阶段的用户行为作出响应。这些事件及含义见表 4‑2。 表 4‑2 modal插件的事件及含义 事件 含义 show.bs.modal show方法调用...
Bootstrap为下拉菜单插件提供了 4 个事件，通过监听这些事件，可以对特定操作阶段的用户行为作出响应。这些事件及含义见表 4‑3。 表 4‑3 dropdown插件的事件及含义 事件 含义 show.bs.dropdown show方法...
按钮组 ... 1）复选按钮组 复选按钮组是类似于复选框的一组按钮，用户可以选择按钮组中的多个按钮。要添加这个功能，只需给 .btn-group 的按钮组容器添加 data-toggle="buttons " 属性，并将一组包含复选框的 <...
除了可以为表格添加样式外，Bootstrap还专门为表格提供了 4 个可选的情景类，这些情景类通过添加特殊的背景颜色来表达不同的含义。见表 2‑2： 表 2‑2 表格行的情景类 类 含义 .active 为表格的行或...
Bootstrap中，有两种方式显示源代码，一种是使用 <code> 标签包裹行内代码，另一种是使用 <pre> 标签包裹多行代码。 在使用 <pre> 和 <code> 标签标记源代码时，为了正确的展示代码，要对...
Bootstrap 插件有两种引入方式： 一种是单个引入，一种是一次性全部引入。可以根据需要选择任意一种引入方式。 1）单个引入 Bootstrap为每个插件提供了一个独立的JavaScript 文件，你也可以有选择地只引入所需要的...
推荐文章
- confluence搭建部署_ata confluence-程序员宅基地
- SpringCloud与SpringBoot版本对应关系_springboot 2.1.1 对于的cloud-程序员宅基地
- 如何恢复硬盘数据?简单解决问题_磁盘恢复 csdn-程序员宅基地
- 苹果手机测试网络速度的软件,App Store 上的“网速测试大师-测网速首选”-程序员宅基地
- 教了一年少儿编程，说说感想和体验-程序员宅基地
- 22东华大学计算机专硕854考研上岸实录-程序员宅基地
- 如何用《玉树芝兰》入门数据科学？-程序员宅基地
- macOS使用brew包管理器_brew清理缓存-程序员宅基地
- 【echarts没有刷新】用按钮切换echarts图表的时候，该消失的图表还在，加个key属性就解决了_echarts 怎么加key值-程序员宅基地
- 常用机器学习的模型和算法_常见机器学习模型算法整理和对应超参数表格整理-程序员宅基地