1.8 响应式设计

要让Bootstrap支持响应式布局,必须在<head>标签中添加一个<meta>标签。另外,如果你下载的文件中没有响应式CSS文件,也要单独下载。响应式布局必需的标签和文件如下所示:

<!DOCTYPE html>
<html>
        <head>
              <title>My amazing Bootstrap site!</title>
              <meta name="viewport" content="width=device-width, initial-scale=1.0">
              <link href="/css/bootstrap.css" rel="stylesheet">
              <link href="/css/bootstrap-responsive.css" rel="stylesheet">
        </head>

如果发现Bootstrap没有响应能力,请确保这些标签一个也不少。目前,响应能力还不是默认就有的,因为不是所有网站都需要响应式布局。Bootstrap的作者选择了让开发人员需要时添加,而不是不需要时删除响应功能。

目录