Css Bootstrap中的窄列

我有一个2列的网格（实际上，有些行在一个5列的网格中有2列）。我试着让第一个尽可能窄，把剩下的长度给另一个。嵌套不起作用，因为我只有两列

基本上，我想要类似于

col-xs-0.5

或更好的解决方案，该解决方案将使第一列刚好足够宽以适合

*

以下是一个例子：

*
长描述

窄列

您可以为布局使用自定义类。由于

.col-xs-0.5

是

col-xs-1

的一半，因此可以使用

8.33/2=4.166%

并从col-xs-11.5中类似地减去宽度。但这只是为了缩小列的范围，如果需要将星号与文本描述匹配，则不需要这样做

配件

*

及说明

我不知道为什么您需要将

*

分隔到一个新列，而您可以将它放在

col-xs-12

的文本中，如下所示：

.col-xs-05、.col-xs-115{
浮动：左；
最小高度：1px；
左侧填充：15px；
右侧填充：15px；
位置：相对位置；
}
.col-xs-05{
宽度：4.166%；
}
.col-xs-115{
宽度：95.33%；
}

*
长描述

您不能添加自己的CSS，将列的宽度设置为col-xs-1的一半或更少吗？我可以，但想知道Bootstrap中是否有解决方案（否则，我可以为整个过程创建自己的CSS），具体来说，这样它可以很好地扩展，因为它们的类系统规模我正在Bootstrap中寻找解决方案。显然，我可以创造自己的风格。但也许这是唯一的解决方案是的，在引导中没有现成的解决方案。嵌套的列仍将占据父容器的宽度。有没有一种方法可以说：完全匹配内容，将其余的留给另一列？也许它需要在网格之外（但我如何确保它们保持在同一行）？你检查了我的第二段了吗？您不需要为

*

设置网格，只需将其放在

col-xs-12

的文本中即可：是的，我在简化。我有一个图标那里（从字体真棒），并希望网格线显示出来。

<div class="container">
   <div class="row">
       <div class="col-xs-1">*</div>
       <div class="col-xs-11">some long description</div>
    </div>
</div>