Bootstrap 响应式设计

要让 Bootstrap 支持响应式布局，必须在 <head> 标签中添加一个 <meta> 标签，并引入一个额外的支持响应式布局的样式表 bootstrap-responsive.css：

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap-responsive.css" rel="stylesheet">

请注意调用的先后顺序，bootstrap-responsive.css 必须置于bootstrap.css之后，否则就不具有响应式布局功能。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》，并全部在 GitHub 上开源。

Bootstrap 响应式设计相关推荐

HTML5期末大作业：在线音乐网站设计——简洁bootstrap响应式社交音乐网站模板html整站(38页) HTML+CSS+JavaScript
HTML5期末大作业:在线音乐网站设计--简洁bootstrap响应式社交音乐网站模板html整站(38页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与 ...
响应式设计-Bootstrap栅格布局
响应式布局:就是一个网站为了兼容多个终端,而不是为每个终端制定特定的版本.这个概念是为解决移动互联网浏览而诞生的. 全面了解Bootstrap可以看:http://v3.bootcss.com/css ...
设计师不应该错过的响应式设计框架（含优缺点分析）
Ethan Marcotte称响应式设计是基于网格建立一个网站.Marcotte定义这项技术后,响应式设计框架开始出现,主要是css和JavaScript的结合.许多框架都是开源的,可以免费下载和快速 ...
响应式设计的十个基本技巧
为什么80%的码农都做不了架构师?>>> Responsive Design对于我来说一点都不陌生,从他在这个互联网出现的时候,就一直在观注他的成长,而且在w3cplus站上也 ...
经典网页设计：10个响应式设计的国外购物网站
今天我想与大家分享电子商务主题的网站设计,更精确地说是为设计在线商店提供新思想.每个人都知道移动技术的市场发展迅速,已经很难找到一个人没有手机的人了.响应设计给我们提供了一个巨大的机遇:站点的访问量的 ...
使用前端框架Foundation 4来帮助简化响应式设计开发
日期:2013-3-12 来源:GBin1.com Foundation是一套使用广泛的前端开发套件,可以帮助你快速的网站.最近ZURB发布了一个新版本的Foundation 4前端框架,能够有效的 ...
14个支持响应式设计的流行前端开发框架
在几年前,并没有真正意义上的前端开发.随着网络技术的发展,网站和 Web 应用程序变得越来越复杂,前端部分的工作独立出来逐渐成为现在的前端开发.如今,我们可以看到越来越多的公司在招聘前端开发岗位. 前 ...
聊聊3种最常见的响应式设计问题
响应式设计方法对开发者非常有用,因为它使我们的内容在各种设备上广为传播.不用保留几个独立版本的网站,也可以摒除诸如缩放和流式布局这些方法的弊端. 缩放.流式布局与响应式这些术语容易造成混淆,设计师常 ...
是时候复习一下响应式设计了
一. 什么是响应式设计 1.针对某些设备的某些特征可以由不同的样式,通过媒体查询对页面进行重构.响应式网站是一个设计理念,它是多项技术的综合体. 2.目的是一个网站能够兼容多个终端(电脑.手机.Pad ...

Bootstrap 响应式设计

Bootstrap 响应式设计相关推荐

最新文章

热门文章