使列仅与其内容一样宽

Question

有没有办法告诉bootstrap中的列只能与它的内容一样宽？

我有一个项目列表。 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

在要自动调整大小的每个colors > level -> 0- 0.1 - 255 filters> blure > blure (default) **optional** filters > edge detector > edge... >smear 2.0 colors> hue:180 lightness/saturation:-100 的样式属性中设置width:auto;

div