title: Make column only as wide as it's content
body: <p>Is there a way to tell a column in bootstrap to only be as wide as it's content?</p>
  
  <p>I have a list of items. The html looks like this:</p>
  
  <pre><code>&lt;div class="row"&gt;
              &lt;div class="col-lg-1 " style="background-color: rebeccapurple"&gt;
                  &lt;input type="checkbox"&gt;
              &lt;/div&gt;
              &lt;div class="col-lg-10" style="background-color: #007fff"&gt;
                  Title
              &lt;/div&gt;
              &lt;div class="col-lg-1" style="background-color: #777620"&gt;
                  "Button Group
              &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'd like the first and last column to only be as wide as it's content.
  <a href="https://i.stack.imgur.com/yi2NK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yi2NK.png" alt="Result on the website"></a></p>