Миграция с twitter-bootstrap на zurb-foundation

Я уже довольно давно использую Twitter bootstrap для своего простого блога и с нетерпением жду перехода на bootstrap3. Тем не менее, я также читал несколько очень хороших материалов о Zurb Foundation и хотел бы сначала попробовать это, прежде чем переходить на bootstrap3.

Я немного новичок, когда дело доходит до технологий на стороне клиента, поэтому был бы признателен за некоторые советы о том, как перейти от начальной загрузки к Foundation. Будет ли это прямая миграция или сложная?

Буду признателен за непредвзятое мнение специалистов в этой области.


css twitter-bootstrap twitter-bootstrap-3 zurb-foundation
person sanjeevonline    schedule 23.08.2013    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Я не думаю, что это будет простой процесс. Вам нужно будет изменить structor, классы и идентификаторы вашего HTML.

Например, если вам нужно выпадающее меню, у вас будет что-то вроде этого.

<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.

Надеюсь это поможет.

person Will    schedule 23.08.2013
comment
Было бы здорово, если бы было руководство по миграции. Я знаю, что это не полностью механический процесс, но набор карт и стратегий, которые работают для других людей, может сделать этот процесс намного проще. Мы собираемся начать процесс переноса, поэтому, возможно, у нас будут некоторые заметки, которыми мы можем поделиться. - person Malcolm McRoberts; 25.08.2015

arrow_upward
0
arrow_downward

Я бы придерживался бутстрапа. Переопределить стиль бутстрапа сложнее, чем в Foundation 4, но документация лучше.

Как видно из предыдущего ответа, миграция будет довольно болезненной. Если вы хотите использовать Foundation, вам будет проще начать с нуля. И установка Foundation 5 может быть довольно болезненной.

Я настоятельно рекомендую вам научиться использовать LESS с Bootstrap. (Или SASS/Compass для Foundation.) Настройка гораздо менее болезненна, чем с необработанным CSS.

person RioBrewster    schedule 13.03.2014