-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

TwitterBootstrapシステムは12列のグリッドを利用します。したがって、を開く<div class="row">必要があり、1つまたは複数を持っている必要がありますspans-合計は12である必要があります。たとえば、次のようになります。

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

私はあなたが何を達成しようとしているのか本当に理解していませんが、あなたは開いていません、<div class="row">そしてあなたの合計はspans12ではありません。

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 に答える