css - 在 : All tags stuck on the same line 上充当可标记

Question

我在 Rails 4.1 应用程序中使用 acts_as_taggable_on，一切正常，但显示标签云会导致所有标签在一行中被挤压在一起，没有换行符，我该如何解决这个问题？

我使用的是与 gem 页面相同的 css

.css1 { font-size: 1.0em; }
.css2 { font-size: 1.2em; }
.css3 { font-size: 1.4em; }
.css4 { font-size: 1.6em; }

Answer 1

也许您应该尝试将您的标签放在某种网格/列中。例如，如果您使用的是 Bootstrap ，请在 framework_and_overrides.css.scss 中添加:

.col-sm-4{
 .css1 { font-size: 1.0em; }
 .css2 { font-size: 1.2em; }
 .css3 { font-size: 1.4em; }
 .css4 { font-size: 1.6em; }
}

在你看来，尝试这样的事情:

<div class="col-sm-4">
 <div class="panel panel-default">
 <div class="panel-heading">
  <h3 class="panel-title">Popular tags</h3>
 </div>

 <div class="panel-body">
  <% tag_cloud( Post.tag_counts_on(:tags), %w(css1 css2 css3 css4)) do |tag, css_class| %>
   <%= link_to "<span class='label label-primary'>#{tag}</span>".html_safe, tag_path(tag.name), :class => css_class %>
  <% end %>
 </div>
</div>