编程记录，亲测有效

下拉菜单Dropdown不是表单中那种啊，而是导航条中常见的那种。Bootstrap官方网站对下拉菜单Dropdown的解释很少，即使是他们的英文官方网站。对于如何更改下拉菜单的背景颜色、如果对下拉菜单默认的黑色超级链接进行修改，如何把下拉菜单更改成普通的超级链接而不是文字的样式，官方网站是完全没有具体的解释。而且，官方网站的超级链接代码杂糅着许多没有用的参数。笔者研究了很久，

模态框在任何一个系统的布局里面都是很重要的东西。其实个人觉得直接一个alert()更好，但现在很多人觉得alert()的弹出框太不给力。同时alert()里面也不宜放置太多文本。如果需要做注册的“服务协议”等本页面内弹出窗口，此时可以考虑使用到Ratchet的模态框。效果如下：Ratchet的模态框仅能通过

卡片式布局在手机版的网站中很常见，这一点Ratchet框架中，这一点还做得不错的。本手机版网页的开放前端框架的搭建，在《【Ratchet】Ratchet2.0.2的下载、配置与Helloworld》（点击打开链接）中已经介绍过了。比如如下的效果：其实现代码如下：

上一次写的《【Bootstrap】一个兼容IE8、谷歌等主流浏览器的受众巨幕式风格页面》（点击打开链接）部分老一辈的需求可能对这种后现代的风格并不满意，没关系，我们完全可以改变布局拉成门户式的风格，他们马上屁颠屁颠地接受了：首先，门户式的布局的大概你要清楚，这一才利于我们快速布局开头是一个较小的巨幕，之后是一个导航栏，这里还是用到了按钮组接着是各个专栏，

虽然说IE6除了部分要求苛刻的需求以外已经被可以不考虑了，但是WIN7自带的浏览器IE8还是需要支持的。本文这个方法主要的优点，个人觉得就是准备少，不需要上网寻找大量的图片做素材，你只要准备好一个bootstrap、jquery与photoshop就可以了，bootstrap与jquery怎么配置，可以参考《【Bootstrap】一个在当前网页弹出的对话框，可以关闭，不用跳转，非弹窗》（点击打

Bootstrap的导航栏看起来很好用的样子，但是缺点是相当致命的。

使用弹窗在网页中显示短信息还行，虽然不那么地友好。然而，弹窗对于如同网站服务条款的长信息就无能为力的了。这是需要使用一个叫模态框modal的东西，并且在模态框里面嵌入一个多行文本框textarea。这个东西，如果要手工写JavaScript代码就太难做了，但是使用Bootstrap来编写就简单起来。

栅格系统英文为“grid systems”，也有人翻译为“网格系统”，运用固定的格子设计版面布局，其风格工整简洁，在二战后大受欢迎，已成为今日出版物设计的主流风格之一。1692年，新登基的法国国王路易十四感到法国的印刷水平差强人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的， 重视功能性的新字体。委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担

Bootstrap如同前台框架，它已经布置好不少的CSS，前端开发的使用需要则直接调用即可。其网站的网址就是http://www.bootcss.com。使用Bootstrap能减少前端开发时候在CSS样子的布置时间需要使用Bootstrap先在官网（点击打开链接）下载组件即可，用于生产环境的Bootstrap版本（点击打开链接），Bootstrap3对2并不兼容，建议直接根据其开发文档使用B

图片轮播组件是一个在网页中很常见的技术，但是如果直接编写的话，需要很长的JavaScript编码，同时也不好控制大小。如果使用Bootstrap来编写图片轮播组件Carousel，则能够节约很多时间。同时说一下，Carousel这个词的本义是回旋木马。一、基本目标在网页编写多张图片的轮播组件Carousel，鼠标放在上面自带悬停效果，并且在每张图片下面配有图片说明。

使用Bootstrap来编写 选择折叠项collapse选择折叠项collapse在网页中并不常用，不过也并不少见。这也算是一个比较实用的组件……

Ratchet这东西经常被人诟病，说其组件不够多，很多东西需要自己写，但是这也正是它的优势，因为它是完全基于基本的HTML与javascript，你可以在移动端利用最基本的HTML写出自己的想要的东西，说其长久不更新，也是其优势，主要是稳定。如果你需要搭建一个轻便的移动端网站，那么可以考虑使用Ratchet2.0.2，这东西在界面上，可以取代复杂的jQueryMobile，《【jQueryMobi