移动和浏览器中的bootstrap固定宽度与流体宽度

时间:2012-11-19 06:27:03

标签: user-interface twitter-bootstrap mobile-website

在bootstrap应用程序中,哪种布局最适合移动和浏览器用户界面?固定宽度布局或流体宽度布局?我是否需要为两种设计明确定义css媒体查询样式?

1 个答案:

答案 0 :(得分:0)

您可以使用 Bootstrap的响应式设计,您的网站将自动进行自我调整,以便为用户提供适合他们使用的任何尺寸设备的舒适体验..

对于它的应用程序,除了包含Bootstrap的响应样式表外,还需要在<head>..</head>标记下包含元视口标记

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

您可以查看further details here以及this article

因此,如果您已正确设置包含容器,行和跨度的页面, Bootstrap 将自动调整您正在查看该网站的每个设备的布局。