Question

我一直想知道是否有办法在某一点之后阻止引导程序的掠夺。我喜欢我的网站看起来宽700像素的方式。那么有没有办法阻止bootstrap在那之后推卸我的html？

Answer 1

我认为，正如问题Twitter bootstrap minimum width in responsive layout所述，您可以将min-width CSS属性设置为700px，因为您不希望任何元素比700px更窄。

假设您有一个名为“包装器”的div，它包装了您的所有页面内容：

<div id="wrapper">
    <!-- All contents in here -->
</div>

你可以这样设计：

#wrapper {
    min-width: 700px;
}

注意：如果您使用的是自适应布局，则还必须在bootstrap-responsive.css文件中评论要禁用的样式。

因此，在使用自适应布局时，如果您希望自己的网站显示宽度为700px，则还必须对以下内容进行评论：

@media (min-width: 768px) and (max-width: 979px) {
@media (min-width: 1200px) {
@media (max-width: 480px) {
@media (max-width: 979px) {
@media (min-width: 980px) {

并保留下面的样式的CSS规则（但删除@media和括号）：

@media (max-width: 767px) {

希望有所帮助！

阻止bootstrap模板在某一点后缩小

1 个答案: