修改BootStrap的container的默认最大宽度

BootStrap 的 container 的 默认最大宽度是 1170px 。如果需要更大宽度(如:1280px),在总的.css文件里添加:

    <style>
        @media screen and (max-width: 1280px) {
            .container {
                width: 1280px;
            }
        }
    </style>

BootStrap 一些默认宽度判断

超小屏幕 手机  .col-xs-:
@media screen and (max-width:767px) { ... }

小屏幕 平板  .col-sm-:
@media screen and (min-width: @screen-sm-min) { ... }
@media screen and (min-width: 768px) { ... }

中等屏幕 桌面显示器  .col-md-:
@media screen and (min-width: @screen-md-min) { ... }
@media screen and (min-width: 992px) { ... }

大屏幕 大桌面显示器  .col-lg-:
@media screen and (min-width: @screen-lg-min) { ... }
@media screen and (min-width: 1200px) { ... }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值