Bootstrap教程

Bootstrap 是基于 HTML、CSS、JavaScript开发的,它简洁灵活,使得 Web 开发更加快捷,Bootstrap是目前很受欢迎的前端响应式自适应框架。Bootstrap教程主要讲解Bootstrap常用组件、Bootstrap布局、Bootstrap表单、Bootstrap排版、Bootstrap表格等入门教程。

Bootstrap的辅助类讲解

分类:WEB前端 时间:

Bootstrap提供了一些辅助类,以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏。响应式实用工具目前只适用于块和表切换。
阅读全部 »

Bootstrap响应式布局

分类:WEB前端 时间:

Bootstrap包含了一个响应式的、移动设备优先的、不固定的网格系统,可以随着设备或视口大小的增加而适当地扩展到 12 列。它包含了用于简单的布局选项的预定义类,也包含了用于生成更多语义布局的功能强大的混合类。bootstrap3.x使用了四种栅格选项来形成栅格系统,其实区别只有一条就是适合不同尺寸的屏幕设备。我们看class前缀这一项,他们分别是col-xs、col-sm、col-md、col-lg.lg是large的缩写,md是mid的缩写,sm是small的缩写,xs是 Extra Small的缩写。
阅读全部 »

Bootstrap使用心得之文本

分类:WEB前端 时间:

本文主要介绍下Bootstrap文本常用的一些class。包括标题、页面主体、强调、小号文本、着重、斜体、缩略语、地址对齐、强调、描述、水平排列的描述。
阅读全部 »

Bootstrap表单和列表详解

分类:WEB前端 时间:

Bootstrap提供了对表单布局和列表的支持。垂直表单(默认)、内联表单、水平表单,如果您不想显示有着重号的列表,您可以使用class.list-unstyled来移除样式。您也可以通过使用class.list-inline把所有的列表项放在同一行中,可以使用class.dl-horizontal 把<dl>行中的属于与描述并排显示。
阅读全部 »