分类： HTML/CSS

Bootstrap支持的JavaScript插件

发表评论

1、导入JavaScript插件

Bootstrap除了包含丰富的Web组件之外，如前面介绍的下拉菜单、按钮组、导航、分页等。他还包括一些JavaScript的插件。

Bootstrap的JavaScript插件可以单独导入到页面中，也可以一次性导入到页面中。因为在Bootstrap中的JavaScript插件都是依赖于jQuery库，所以不论是单独导入还一次性导入之前必须先导入jQuery库。

"Bootstrap支持的JavaScript插件"继续阅读

Bootstrap学习-内置组件

发表评论

1、缩略图（一）

缩略图在网站中最常用的地方就是产品列表页面，一行显示几张图片，有的在图片底下（左侧或右侧）带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件。并通过“thumbnail”样式配合bootstrap的网格系统来实现。可以将产品列表页变得更好看。

"Bootstrap学习-内置组件"继续阅读

Bootstrap学习-导航条-分页导航

发表评论

1、导航条基础

导航条（navbar）和上一节介绍的导航（nav），就相差一个字，多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个背景色、而且导航条可以是纯链接（类似导航），也可以是表单，还有就是表单和导航一起结合等多种形式。

"Bootstrap学习-导航条-分页导航"继续阅读

Bootstrap 学习 - 网格系统

发表评论

1、实现原理

网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分 12 份（也有平分成 24 份或 32 份，但 12 份是最常见的），再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap 框架中的网格系统就是将容器平分成 12 份。

"Bootstrap 学习 - 网格系统"继续阅读

Bootstrap 学习 - 菜单 - 按钮 - 导航

发表评论

1、下拉菜单（基本用法）

在使用 Bootstrap 框架的下拉菜单时，必须调用 Bootstrap 框架提供的 bootstrap.js 文件。当然，如果你使用的是未编译版本，在 js 文件夹下你能找到一个名为 dropdown.js 的文件。你也可以调用这个 js 文件。在使用 Bootstrap 框架中的下拉菜单组件时，其结构运用的正确与否非常的重要，如果结构和类名未使用正确，直接影响组件是否能正常运用。

"Bootstrap 学习 - 菜单 - 按钮 - 导航"继续阅读

CSS 负边距的应用

发表评论
展示了如何利用 CSS 的负边距属性来创建和管理布局。通过对 HTML 元素应用负边距，可以实现元素的定位和排版，如改变元素位置、调整元素间距等。该文以一个服务器选择列表为例，详细展示了负边距在实际布局中的应用，提供了对应的 HTML 结构和 CSS 样式代码。