1

很长一段时间以来，我一直在将 Twitter bootstrap 用于我的简单博客，并期待迁移到 bootstrap3。但是，我也一直在阅读有关 Zurb Foundation 的一些非常好的东西，并且想在转向 bootstrap3 之前先尝试一下。

当谈到客户端技术时，我是个小菜鸟，所以希望能得到一些关于如何从引导程序迁移到 Foundation 的指示。这是一个直接的迁移还是一个棘手的迁移？

希望该领域专家提供一些公正的意见。

4

2 回答 2

2

我不认为这将是一个简单的过程。您需要更改 HTML 的结构、类和 ID。

例如，如果您想要一个下拉菜单，您将拥有类似的内容。

<div class="dropdown">
  <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    ...
  </ul>
</div>

如果您想使用 Foundation，则需要将 HTML 更改为类似的内容。

<a href="#" data-dropdown="drop1">Has Dropdown</a>
<ul id="drop1" class="f-dropdown" data-dropdown-content>
  <li><a href="#">This is a link</a></li>
  <li><a href="#">This is another</a></li>
  <li><a href="#">Yet another</a></li>
</ul>

显然 CSS 会有所不同，但我想您希望从迁移中实现这一点。我能想到的另一件事是 Foundation 使用 Sass，而不是像 bootstrap 那样少，所以如果你写的更少，就需要更改为 Sass。

希望这可以帮助。

于 2013-08-23T08:17:47.170 回答
0

我会坚持使用引导程序。比基础 4 更难覆盖引导程序的样式 - 但文档更好。

正如您从上一个答案中看到的那样 - 迁移会非常痛苦。如果你想使用 Foundation，从头开始会更容易。Foundation 5 的设置可能非常痛苦。

我强烈建议您学习在 Bootstrap 中使用 LESS。（或用于 Foundation 的 SASS/Compass。）与使用原始 CSS 相比，定制的痛苦要小得多。

于 2014-03-13T16:40:50.700 回答