Html 自举元件设计

我希望标题不是误导，如果有任何MOD有一个更好的想法，请随意改变它

我有一个设计，我想与Boostrap 3，它看起来像这样（为糟糕的绘图抱歉：））

我使用以下代码成功地对表执行此操作：

<div class="row">
    <table class="table borderless">
        <tr>
            <td rowspan="2" class="bandImage"><img src="{{ asset('img/bands') }}/{{$band->image}}" class="bandImage" /></td>
            <td><a href="{{ action('BandsController@show', $band->id) }}"><h4>{{$band->band_name}}</h4></a></td>
        </tr>
        <tr>
            <td><p>{!! nl2br(e($band->description)) !!}</p></td>
        </tr>
    </table>
    <hr>
</div>

image}“class=”bandImage“/>
{！！nl2br（e（$band->description））

输出看起来很接近我想要的，但我想知道的是，使用表是一种很好的做法，还是在引导中有更好的东西我可以使用

下面是它的样子：

---

查看。文档是最好的起点。

查看。文档是最好的起点。

引导程序中有媒体对象组件，可以帮助您实现表格格式化

媒体标题
她坐在阿梅特·尼布·利伯罗（amet nibh libero）的怀胎床上。她坐在梅特·尼布·利伯罗（Nulc nisi Vulpute fringilla）。她坐在阿梅特·尼布·利伯罗（amet nibh libero）的前庭上。她坐在福西布斯（faucibus）的猫科动物身上。她坐在阿梅特·尼布·利伯罗（amet nibh libero）的怀胎床上。她坐在阿梅特·利伯罗（Nulc Nius Celerisque a）的怀胎床上通俗易懂的语言。粗俗易懂的语言，秃鹫中的前庭，节拍维维拉turpis。模糊的调味品，秃鹫中的柔毛。浮士德中的多奈克·拉西尼亚·康格猫咪。粗俗易懂的语言，自由的语言，怀孕的无尾语言。通俗易懂的语言，秃鹫中的前庭，tem维维拉猫。Fusce调味品nunc ac nisi vulputate flingilla。faucibus中的Donec lacinia congue猫。

---

引导程序中有媒体对象组件，可用于您试图通过表格格式化实现的功能

媒体标题
她坐在阿梅特·尼布·利伯罗（amet nibh libero）的怀胎床上。她坐在梅特·尼布·利伯罗（Nulc nisi Vulpute fringilla）。她坐在阿梅特·尼布·利伯罗（amet nibh libero）的前庭上。她坐在福西布斯（faucibus）的猫科动物身上。她坐在阿梅特·尼布·利伯罗（amet nibh libero）的怀胎床上。她坐在阿梅特·利伯罗（Nulc Nius Celerisque a）的怀胎床上通俗易懂的语言。粗俗易懂的语言，秃鹫中的前庭，节拍维维拉turpis。模糊的调味品，秃鹫中的柔毛。浮士德中的多奈克·拉西尼亚·康格猫咪。粗俗易懂的语言，自由的语言，怀孕的无尾语言。通俗易懂的语言，秃鹫中的前庭，tem维维拉猫。Fusce调味品nunc ac nisi vulputate flingilla。faucibus中的Donec lacinia congue猫。

这应该可以：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
  <div class="col-sm-4 col-xs-4">Image</div>
  <div class="col-sm-8">
    <div class="col-sm-12">Header</div>
    <div class="col-sm-12">Text</div>
  </div>

</div>

形象
标题
正文

这应该可以：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
  <div class="col-sm-4 col-xs-4">Image</div>
  <div class="col-sm-8">
    <div class="col-sm-12">Header</div>
    <div class="col-sm-12">Text</div>
  </div>

</div>

形象
标题
正文

yick-yick-yick-yick。你不使用表格格式化东西。浮动图像，并使用普通div作为内容。这就是我问这个问题的原因。你能给我一个在引导中如何工作的例子吗？yick-yick-yick。你不使用表格格式化东西。浮动图像，并使用普通div作为内容。这就是我为什么要这样做的原因我问了这个问题。你能给我一个在引导中如何工作的例子吗？谢谢你和@vanburenx。我还没有看过文档。谢谢你回复了链接和代码，尽管如此：）谢谢你和@vanburenx。我还没有看过文档。感谢你回复了链接和代码，尽管如此：）