gpt4 book ai didi

html - Bootstrap 容器最大宽度不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 13:33:53 24 4
gpt4 key购买 nike

这样使用代码后:

<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css">
<style type="text/css">
.container{
max-width:980px;
}
</style>
</head>
<body>
<div class="container" style="max-width:980px;">
...
</div>

</body>
</html>

我让整个容器超过 1100 像素

最佳答案

更好的方法是

1) 创建你自己的 less 文件作为主要的 less 文件(比如 bootstrap.less )。

2) 导入所有你需要的 bootstrap less 文件。 (在这种情况下,您只需要导入所有 responsive-less 文件但 responsive-1200px-min.less)

3)如果您需要修改原始bootstrap less 文件中的任何内容,您只需要编写自己的less 来覆盖bootstrap 的less 代码。 (请记住将您的 less 代码/文件放在 @import {bootstrap's less file}; 之后)。

@media (max-width:1200px) 
@media (min-width: 979px)

第二种方式

使用.container-fluid

.container-fluid {
margin-right: auto;
margin-left: auto;
max-width: 1600px; /* or 950px */
}

插入你的自定义CSS

关于html - Bootstrap 容器最大宽度不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18583647/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com