一、Bootstarp是什么?简单、灵活的用于搭建WEB页面的HTML、CSS、JS的工具集(基于HTML5和CSS3)总结:简洁强大的前端开发框架,可以让WEB开发更迅速、更简单二、如何使用Bootstarp?(获取getbootstarp.com)Bottstarp分为2和3两个大方向版本boo...
分类:
其他好文 时间:
2015-03-03 18:11:01
阅读次数:
197
1 'myModal',3 'header' => '标题']);4 echo '内容';5 Modal::end();?>这里只需要设置'data-target'=>'#myModal','data-toggle'=>'modal'1 登录', [ 'data-targe...
分类:
其他好文 时间:
2015-02-14 16:07:51
阅读次数:
168
Bootstrap:简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。下载的bootstarp结构: bootstrap/ ├── css/ │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstra...
分类:
其他好文 时间:
2015-02-05 17:45:38
阅读次数:
229
面板
面板(Panels)是Bootstrap框架新增的一个组件,其主要作用就是用来处理一些其他组件无法完成的功能。同样在不同的版本中具有不同的源码:
? Less版本:对应的源码文件是 panels.less
? Sass版本:对应的源码文件是 _panels.scss
? 编译后的Bootstrap:对应bootstrap.css文件第4995...
分类:
其他好文 时间:
2015-02-04 00:42:20
阅读次数:
208
列表组
列表组是Bootstrap框架新增的一个组件,可以用来制作列表清单、垂直导航等效果,也可以配合其他的组件制作出更漂亮的组件。由于其在Bootstrap是一个独立的组件,所以也对应有自己独立源码:
? LESS版本:对应的源码文件 list-group.less
? Sass版本:对应的源码文件是 _list-group.scss
? 编...
分类:
其他好文 时间:
2015-02-04 00:41:57
阅读次数:
343
进度条
在网页中,进度条的效果并不少见,比如一个评分系统,比如加载状态等。就如下图所示的一个评分系统,他就是一个简单的进度条效果:
进度条和其他独立组件一样,开发者可以根据自己的需要,选择对应的版本:
? LESS版本:源码文件progress-bars.less
? Sass版本:源码文件_progress-bars.scss
? 编译后...
分类:
其他好文 时间:
2015-02-03 22:59:15
阅读次数:
550
警示框
在网站中,网页总是需要和用户一起做沟通与交流。特别是当用户操作上下文为用户提供一些有效的警示框,比如说告诉用户操作成功、操作错误、提示或者警告等。如下图所示:
在Bootstrap框架有一个独立的组件,实现上述的效果,这个组件被称为警示框。
源码版本:
? LESS版本:对应的源码文件alerts.less
? Sass版本:对应的源码文件_a...
分类:
其他好文 时间:
2015-02-03 22:57:03
阅读次数:
250
媒体对象
在Web页面或者说移动页面制作中,常常看到这样的效果,左边居左(或居右),内容居右(或居左)排列,如下图所示:
我们常常把这样的效果称为媒体对象。可以说他是一种抽像的样式,可以用来构建不同类型的组件。这些组件都具有开篇所说的样式风格。那么在Bootstrap框架中特意将些部分提取出来做来一个组件介绍。其对应的版本文件:
? LESS版本:对应的源文件...
分类:
其他好文 时间:
2015-02-03 22:56:30
阅读次数:
329
导航条基础
导航条(navbar)和上一节介绍的导航(nav),就相差一个字,多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个背景色、而且导航条可以是纯链接(类似导航),也可以是表单,还有就是表单和导航一起结合等多种形式。在这一节中将一起探讨Bootstrap框架中导航条的使用。
导航条和导航一样,在Bootstrap框架中是...
分类:
其他好文 时间:
2015-02-02 23:08:24
阅读次数:
341
分页导航(带页码的分页导航)
分页导航几乎在哪个网站都可见。好的分页导航能给用户带来更好的用户体验。在Bootstrap框架中提供了两种分页导航:
? 带页码的分页导航
? 带翻页的分页导航
带页码的分页导航
带页码的分页导航,可能是最常见的一种分页导航,特别是在列表页内容超多的时候,会给用户提供分页的导航方式。在Bootstrap框架为开...
分类:
其他好文 时间:
2015-02-02 23:07:50
阅读次数:
270