drupal bootstrap 响应式网站设计

什么是bootstrap? 它是一个UI 框架，集成了响应式的功能。

具体参考网站 ： http://www.bootcss.com/     http://getbootstrap.com/

为什么要用bootstrap？ 主要是为了方便和效率，它适合页面相对简洁的网站。

什么是drupal的bootstrap主题？ bootstrap主题就是用到了bootstrap这个UI框架做成的一个drupal主题。

现在主要是说下响应式要怎么设计？
关键是一个媒体查询：

手机， 手机横排，平板电脑，平板电脑横排， 桌面等这几种情况。

@media screen and (max-width:480px) {......}
@media (max-width: 767px) {......}
@media (min-width: 768px) and (max-width: 991px){......}
@media (min-width: 992px) and (max-width: 1199px) {......}
@media (min-width: 1200px) {......}

更多的这种媒体查询请看：   
Media Queries for Standard Devices
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
  
案例：Responsive Design with CSS3 Media Queries 
http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries 
 
案例：   http://mediaqueri.es/

具体用到哪些媒体查询，依项目情况而定。