Bootstrap布局 - 将列宽调整为其内容

Question

我试图让列的宽度等于里面文本的大小。

HTML：

<div class="row">
  <div class="col-sm-2 container" >
    <span>Case Number</span>
  </div>
</div>

CSS：

.container {
   background: #ddd;
   display: inline-block;
}

Fiddle

看起来高度还可以，但不是宽度。 谢谢你的帮助。

新小提琴 Cannot remove Gutters

Answer 1

使用此：

    <div class="col-sm-2 container" >
        <span>Case Number</span>
    </div>
</div>

<style type=text/css>
    .container {
        background: #ddd;
        display: inline-block;
        padding:0px;
    }
</style>