0

根据提供给我的设计，我将引导程序的容器宽度更改为 981px。

@media (min-width: 1200px) {
    .container{
        max-width: 981px;
    }
}

我注意到装订线宽度设置为 30px，但是当容器宽度不同时，我如何确定什么是好的宽度？

我想将容器的最大宽度保持在 981 像素，因为这就是设计师在 Photoshop 中实现布局的方式。

例如，有一个 981px 宽的图像，它跨越了容器的整个宽度。

4

1 回答 1

0

您可以通过编辑 less 文件本身而不是编译的 css 来最好地实现这一点。

如果一切都正确嵌套，那么只需要覆盖一些变量（您可以重新定义变量，最后一个实例将决定，所以只需在导入引导样式后添加这些）：

较少的：

@import "../bower_components/bootstrap/less/bootstrap.less";

// impractically large breakpoint for simplicity 
// now you've only got three breakpoints to play with :/
@screen-lg: 12000px;

@my-target-width: 981px;
@container-desktop: ((@my-target-width + @grid-gutter-width));

html:

<div class="container">
    <div class="row">
        <div class="col-sm-12">
            <img class="img-responsive" src="http://lorempixel.com/output/cats-q-g-1200-500-2.jpg" alt="">
        </div>
    </div>
</div>

我会说仅在 css 中覆盖所需的样式是非常不切实际的（如果你一开始没有使用 less 或 sass，你肯定会错过一些你需要在编译后的覆盖css）。

我肯定会推荐拥抱学习曲线，并按照预期使用更少或 sass 的引导程序。

我最终去了 safari，并为此创建了一个 repo，因为我不知道一个网站（嗯..没有检查）会在小提琴中预编译更少......所以：

于 2014-06-02T16:29:08.260 回答