僅允許列的寬度與其內容一致

Question

有沒有一種方法可以告訴引導程序中的列只與其內容一樣寬？

我有一個項目列表。該HTML看起來像這樣：

<div class="row"> 
      <div class="col-lg-1 " style="background-color: rebeccapurple"> 
       <input type="checkbox"> 
      </div> 
      <div class="col-lg-10" style="background-color: #007fff"> 
       Title 
      </div> 
      <div class="col-lg-1" style="background-color: #777620"> 
       "Button Group 
      </div> 
</div> 

我想第一個和最後一列只有它的內容一樣寬。

Answer 1

集width:auto;中要AUTOSIZE

<div class="row"> 
    <div class="col-lg-1 " style="background-color: rebeccapurple;width:auto;"> 
     <input type="checkbox"> 
    </div> 
    <div class="col-lg-10" style="background-color: #007fff;"> 
     Title 
    </div> 
    <div class="col-lg-1" style="background-color: #777620; width:auto;"> 
     "Button Group 
    </div> 
</div> 

每個 div的樣式屬性