Список начальной загрузки группы в Foundation 5

Question

Я пытаюсь выяснить, как получить эквивалент групп списков Bootstrap с границами элементов группы списков и т. Д., Используя Foundation 5.

Тем не менее, похоже, нет ничего подобного.

Единственное, что я нашел, - это предложения ul / li на сайте Foundations. http://foundation.zurb.com/docs/components/typography.html

Есть идеи?

Обновление: я хочу перечислить комментарии / комментарии-комментарии с этой группой списка в Фонде. Здесь он использует Bootstrap.

<div class='list-group-item'>
  <div class='list-group-item-text'>
    <h4 class='list-group-item-heading'>
      <%= comment.user.email %>
      <%= time_ago_in_words comment.created_at %> ago
    </h4>
    <%= simple_format comment.body %>
    <div class='list-group'>
      <%= render comment.comments %>
    </div>
  </div>
</div>

Answer 1

По сути, я не нашел никаких причин, почему вы не можете скомпилировать список групп Bootstrap CSS в вашем базовом CSS.

Так, например, запустить bower install bootstrap-sass в каталоге вашего проекта, а затем используйте следующий код в вашем app.scss:

@import "settings";
@import "foundation";
// Bootstrap
@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/variables";
@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/mixins";
@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/list-group";
.list-group {
max-width: 400px;
}