作为taggable on:所有标签都粘贴在同一行上

Question

我在Rails4.1应用程序中使用acts_as_taggable_on，一切正常，但是显示标签云会导致所有标签都挤在一行上，没有换行，我该如何解决这个问题呢？

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

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

​