1

我试图弄清楚如何使用Foundation 5获得与Bootstrap的列表组等效的列表组项边框和所有内容。

但是，似乎没有任何类似的东西。

我发现的唯一东西是 ul/li 在 Foundations 网站上的建议。 http://foundation.zurb.com/docs/components/typography.html

有任何想法吗？

更新：我想在 Foundation 中使用此列表组列出评论/评论评论。这里使用的是 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>
4

1 回答 1

0

基本上我没有找到任何理由不能在你的 Foundation CSS 中编译 Bootstrap 的列表组 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;
}
于 2015-05-03T10:24:56.377 回答