2016-07-30 39 views
1

Gibt es eine Möglichkeit, einer Spalte im Bootstrap zu sagen, dass sie nur so breit ist wie ihr Inhalt?Spalte nur so breit wie Inhalt machen

Ich habe eine Liste von Elementen. Das HTML sieht so aus:

<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> 

Ich möchte die erste und letzte Spalte nur so breit sein, wie es Inhalt ist. Result on the website

Antwort

2

Satz width:auto; in Stil Attribut jedes div, die Sie

<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> 
zu wollen autosize