-1

我试图将我的文本放在 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>
4

1 回答 1

1

Twitter Bootstrap 系统使用12 列网格。因此,您必须打开一个<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

于 2013-02-26T23:12:34.280 回答