Dea*_*orm 2 html css css3 twitter-bootstrap
以这种方式使用代码后:
<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>
我得到整个容器超过1100px
Rah*_*ulG 14
更好的方法是
1)创建自己的较少文件作为主要较少的文件(如bootstrap.less).
2)导入所需的所有bootstrap文件.(在这种情况下,您只需导入所有响应较少的文件,但响应-1200px-min.less)
3)如果你需要修改原始bootstrap less文件中的任何内容,你只需编写自己的内容就可以覆盖bootstrap的较少代码.(只需记住在@import {bootstrap的文件少}之后放入较少的代码/文件;).
@media (max-width:1200px)
@media (min-width: 979px)
第二种方式
使用.container-fluid
.container-fluid {
margin-right: auto;
margin-left: auto;
max-width: 1600px; /* or 950px */
}
插入您的自定义CSS
| 归档时间： |
|
| 查看次数： |
19330 次 |
| 最近记录： |