新しい Bootstrap 3 には感謝していますが、5 列のテーブルを作成しました。最後の 3 列には 2 つの「a href」と 1 つの「form」が含まれていますが、全員が 30 x 30 のサイズのボタンとして機能します。フォームはブロック要素であり、すべてのボタンを横に配置したかったため、最大の問題でした。お互いを一列に並べます。
これまでの私の解決策:
<table>
<tr>
<td colspan="3">
<div class="btn-toolbar">
<div class="btn-group"> Link 1 </div>
<div class="btn-group"> Link 2 </div>
<div class="btn-group"> Form 1 </div>
</div>
これはうまくいきます。しかし、これらの 3 つのオブジェクトをセルの右側に配置したいと考えています。それを正しく整列させる方法はありません。
<div class="btn-toolbar text-right">
働かないで!
<tr colspan="3" class="text-right">
働かないで!
<div class="btn-toolbar pull-right">
動作します!
しかし、これが正しい方法であるかどうか、私は本当に確信が持てません。私にとっては、ネストされたコードが多すぎます。
より少ないコードでこれを解決する方法はありますか?