5

新しい 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">

動作します!

しかし、これが正しい方法であるかどうか、私は本当に確信が持てません。私にとっては、ネストされたコードが多すぎます。

より少ないコードでこれを解決する方法はありますか?

4

2 に答える 2

-2

これで目的が解決するかどうかを確認してください。既存のコードに少し CSS を追加しました

<style type="text/css">
    .btn-group{ 
        display: inline-block;        
        text-align:right;
  }  
  </style>

HTMLはあなたのものと同じです

<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>
于 2015-07-22T03:08:51.163 に答える