-

Bootstrap教程

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

Bootstrap表格插件Bootstrap Table

WEB前端

最近公司有个项目需要把数据库的数据展示出来方便查看和分析。这个需求主要是显示数据和搜索,加一些简单的事件来处理,还有点就是要快。既然就这一个简单的功能,大概就一个页面,准备用Bootstrap 框架快速页面布局,方便后面随时修改。Bootstrap 默认的表格是很简陋的,并不能完成这个需求。在网上搜索无意中找到Bootstrap Table。Bootstrap Table可以很好的和Bootstrap结合。文档和例子很全面。功能也很丰富。下面雷雪松就简单的介绍一下Bootstrap Table的使用技巧。
阅读原文 »

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>行中的属于与描述并排显示。
阅读原文 »