bootstrap怎么使容器自适应居中?
展开全部
你不想做非响应式,还是不要用这个框架就行了。当然还有以下方法
禁止响应式布局有如下几步:
移除 此 CSS 文档中提到的设置浏览器视口(viewport)的标签:<meta>。
通过为 .container 类设置一个 width 值从而覆盖框架的默认 width 设置,例如 width: 970px !important; 。请确保这些设置全部放在默认的 Bootstrap CSS 文件的后面。注意,如果你把它放到媒体查询中,也可以略去 !important 。
如果使用了导航条,需要移除所有导航条的折叠和展开行为。
对于栅格布局,额外增加 .col-xs-* 类或替换掉 .col-md-* 和 .col-lg-*。 不要担心,针对超小屏幕设备的栅格系统能够在所有分辨率的环境下展开。
禁止响应式布局有如下几步:
移除 此 CSS 文档中提到的设置浏览器视口(viewport)的标签:<meta>。
通过为 .container 类设置一个 width 值从而覆盖框架的默认 width 设置,例如 width: 970px !important; 。请确保这些设置全部放在默认的 Bootstrap CSS 文件的后面。注意,如果你把它放到媒体查询中,也可以略去 !important 。
如果使用了导航条,需要移除所有导航条的折叠和展开行为。
对于栅格布局,额外增加 .col-xs-* 类或替换掉 .col-md-* 和 .col-lg-*。 不要担心,针对超小屏幕设备的栅格系统能够在所有分辨率的环境下展开。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询