Я использую bootstrap 3 и пытаюсь выяснить, как получить некоторые результаты для выравнивания по горизонтали в таблице, а не по вертикали. Смотрите мой bootplyОтображение результатов в таблице по горизонтали
Я хочу, чтобы достичь чего-то вроде этого:
Peter| Orange, banana, apple
John | Apple, orange
Mary |
Sam | Orange
Но я получаю это:
Peter|
Orange,
banana,
apple
John |
Apple,
orange
Mary |
Sam |
Orange
HTML-
<div class="container">
<div class="row">
<br>
<span class="label label-default\">table</span>
<h2>Table 2</h2>
<table><tbody><tr><td><span class="label label-default">Mary</span></td></tr><tr><td><span class="label label-success"></span></td></tr></tbody></table><table><tbody><tr><td><span class="label label-default">John</span></td></tr><tr><td><span class="label label-success">banana</span></td></tr></tbody></table><table><tbody><tr><td><span class="label label-default">Peter</span></td></tr><tr><td><span class="label label-success">orange</span></td></tr><tr><td><span class="label label-success">orange</span></td></tr></tbody></table><table><tbody><tr><td><span class="label label-default">Sue</span></td></tr><tr><td><span class="label label-success">orange</span></td></tr><tr><td><span class="label label-success">apple</span></td></tr></tbody></table>
</div> <!-- /col.8 -->
</div><!-- /center-block -->