Question

我正在尝试将文本放在div class =“span3”中，但它只是在浏览器中显示为一个长的1行字符串。

<div class="container">
   <div class="span3" style="padding-bottom:25px">
     <%= link_to image_tag(illustration.image_thumbnail_url), illustration %>
   </div>
   <div class="span3">
     <h4><%= illustration.name + " - " + illustration.source%></h4>
     <p><%= illustration.description %></p>
   </div>
</div>

Answer 1

Twitter Bootstrap系统使用12 columns grid。因此，您必须打开<div class="row">，而且必须有一个或多个spans - 总和必须为12，例如：

<div class="row">
  <div class="span4">...</div>
  <div class="span8">...</div>
</div>

我真的不明白你想要达到的目的，但是你没有打开<div class="row">而你spans的总和不是12。

您可以与row：

一起打开container

<div class="container row">
   <div class="span6" style="padding-bottom:25px">
     <%= link_to image_tag(illustration.image_thumbnail_url), illustration %>
   </div>
   <div class="span6">
     <h4><%= illustration.name + " - " + illustration.source%></h4>
     <p><%= illustration.description %></p>
   </div>
</div>

编辑 - 尝试以这种方式进行插值：

<%= "#{illustration.name} - #{illustration.source}" %>

您还可以使用html_safe来显示说明：

<%= illustration.description.html_safe %>

请参阅本指南：http://guides.rubyonrails.org/active_support_core_extensions.html#extensions-to-string

Twitter Bootstrap - 将文本格式化为段落

1 个答案: