ruby-on-rails - Twitter引导程序修复表格的查看区域

Question

我正在使用 rails 4 和 twitter bootstrap 构建仪表板。我的 show.html.erb 看起来像这样：

 <% if @store_entries %>
    <table class="table table-striped">
        <thead>
            <tr>  
                <th>A</th>
                <th>B</th>
                <th>C</th>
                <th>D</th>
                <th>E</th>
            </tr>
        </thead>
        <tbody>
            <%@store_entries.each do |value| %>
                <tr> 
                    <td><%= value['A']%></td>
                    <td><%= value['B']%></td>
                    <td><%= value['C']%></td>
                    <td><%= value['D']%></td>
                    <td><%= value['E']%></td>
                </tr>
            <% end %>
        </tbody>
    </table>
<% else%>
    <p>No entires to display</p>
<% end%>

我面临的问题是：每个值的内容都很长，因此表格不能水平放置在我的浏览器窗口中。我希望表格适合我的浏览器窗口，这样用户就不必水平滚动。我对 bootstrap 和 rails 都很陌生。

Answer 1

请将您的表格放在 div 元素中，并为 div 提供最大宽度

例子：

<div style="width:400px;">
   your table content
</div>