Question

我真的很困惑和生气。我花了几个小时学习带有视频等的引导程序，然后使用col类创建和分隔所有元素。例如，要让两个元素跨越移动宽度上的一个页面，您只需说：

<div class = 'col-xs-6'> content </div> <div class = 'col-xs-6'> content </div>

似乎是一种良好而直观的构建方式。然而，当我点击templates such as this的来源时，我发现 cols仅使用了大约8次。

为什么不呢？这背后有什么推理，以及定义自己的宽度的好处？我还看到宽度是在px中手动设置的

.media-object, .poster-pic {
    width: 45px;
    padding: 3px;
    background: #FFF;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-shadow: 1px 1px 2px rgba(0,0,0,.2);
}

尽管它是一个响应式模板。我只是讨厌这个。我想我正在理解框架，我看一个真实的例子，它似乎几乎没有使用bootstrap。一些hide-xs类，但就是这样。现在我觉得用bootstrap“正确”构建它的网格系统是不专业的。是这样的吗？ 为什么在那个模板上他们做了一些完全陌生的事情？

Answer 1

有一些可能的原因导致该模板的开发人员没有使用更多的Bootstrap网格。

Bootstrap作为事后想法添加到已经开发的模板中，以创建商业吸引力或解决某些问题。
Bootstrap的网格实际上不允许使用固定宽度的侧边栏，就像这个模板一样。为简单起见，开发人员可能希望容纳固定大小的内容。 Bootstrap的列更频繁地改变宽度。
对于Bootstrap及其功能，开发人员可能不是很了解，并且从头开始编写大部分布局可能更为舒适。当然，任何新系统或库都有学习曲线。

我同意你的想法，因此我会避免使用这样的模板。定制和维护比使用更加一致的标记完全利用Bootstrap构建的更难。另一个原因是因为他们的主页没有加载，其标题为“即将推出”。不是非常自信。

Answer 2

不要将Bootstrap视为一种选择。它可能会在某些时候为你提供很多商品，但它也可能会给你带来很多坏处。但是，通过深入研究代码或使用某些resources，个人可以通过Bootstrap的全部内容进行自定义，并通过自定义方式来获得看起来很新鲜的内容。

使用网格系统但设计自己的组件是完全可以接受的。或者抛弃网格并使用它们的组件。这不是一个或两个命题。它真正变得棘手的唯一一次是当你决定改变某些东西时，比如菜单的外观和感觉。做到这一点的“正确方法”并不总是显而易见的。您可能需要深入挖掘代码，并且确保您的更改不会破坏其他内容可能很困难。但这仍然比没有一个例子可以完全取得更好。

我认为你唯一的错误就是没有彻底了解Bootstrap可以为你提供什么。

在不使用网格系统的情况下使用引导程序模板是否正常？

2 个答案: