从很长一段时间以来,我一直在为我的简单blog使用Twitter引导程序,并期待着迁移到bootstrap3。但是,我也一直在阅读有关Zurb Foundation的一些非常好的文章,并且在转到bootstrap3之前想先尝试一下。

对于客户端技术,我有点笨拙,因此希望获得一些有关如何从引导程序迁移到Foundation的指导。是直接迁移还是棘手的迁移?

希望能从该领域的专家那里获得一些公正的意见。

最佳答案

我认为这不是一个简单的过程。您将需要更改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会有所不同,但我想您可以从迁移中获得期望。
我可以想到的另一件事是,基金会使用Sass而不是像bootstrap一样少,因此,如果您编写的内容更少,则需要更改为Sass。

希望这可以帮助。

关于css - 从twitter-bootstrap迁移到zurb-foundation,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18397879/

10-16 14:12
查看更多