twitter-bootstrap - 不使用网格系统有bootstrap模板正常吗？

Question

我真的很困惑和恼火。我花了几个小时通过视频等学习 Bootstrap ，他们使用 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 的网格有几个可能的原因。

1. Bootstrap 是事后添加到已经开发的模板中的，目的是创造商业吸引力或解决某些问题。

2. Bootstrap 的网格实际上不允许固定宽度的侧边栏，而此模板有。为了简单起见，开发人员可能希望容纳固定大小的内容。 Bootstrap 的列更改宽度的频率超出可接受范围。

3. 开发人员可能不太了解 Bootstrap 及其功能，并且可能更愿意从头开始编写大部分布局。当然，任何新系统或库都有一个学习曲线。

我同意您的想法，因此我会避免使用这样的模板。与使用更一致的标记来充分利用 Bootstrap 的构建相比，自定义和维护将更加困难。另一个原因是他们的主页未加载，其标题为“即将推出”。不是很能激发信心。