Html 将1/4添加到Twitter引导列

Html 将1/4添加到Twitter引导列,html,css,twitter-bootstrap,twitter-bootstrap-3,grid-layout,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,Grid Layout,我在一行中有三列,如下所示: <div class="col-lg-.5 side-nav"></div> <div class="col-lg-8.25 canvas"></div> <div class="col-lg-3.25 persistent"></div>' ' .5+8.25+3.25=12,但我的列显示不正确。我做错了什么?这不可能是正确的。 引导仅包含col md integer 你可以试试 Col

我在一行中有三列,如下所示:

<div class="col-lg-.5 side-nav"></div>
<div class="col-lg-8.25 canvas"></div>
<div class="col-lg-3.25 persistent"></div>'

'
.5+8.25+3.25=12,但我的列显示不正确。我做错了什么?

这不可能是正确的。 引导仅包含col md integer

你可以试试

Col-lg-1
Col-lg-8
Col-lg-3
这不可能是正确的。 引导仅包含col md integer

你可以试试

Col-lg-1
Col-lg-8
Col-lg-3

要得到col-lg-1的一半,您可以使用此

<div class="col-lg-1">
  <div class="row">
    <div class="col-lg-6"></div> <!-- here you have half of col-lg-1 -->
  </div>
</div>

要获得col-lg-1的一半,您可以使用此

<div class="col-lg-1">
  <div class="row">
    <div class="col-lg-6"></div> <!-- here you have half of col-lg-1 -->
  </div>
</div>

如果您需要12列以外的内容:

只需自定义它:
@grid columns


因此,如果您需要12列以外的内容,只需使用一个用48列定制的引导程序即可:

只需自定义它:
@grid columns



因此,只需使用一个用48 cols

定制的引导程序就可以了,没有这样的类。默认情况下,只有col-X-1到col-X-12的整数。我明白了。那么可能的解决方案是什么呢?dots
在类名中也是无效的,您可以添加自己的类名并将其添加到cssuse col-lg-1 col-lg-8 col-lg-3。问题是col-lg-1占据屏幕的8.333%,其中一半是理想的。没有这样的类。默认情况下,只有col-X-1到col-X-12的整数。我明白了。那么可能的解决方案是什么呢?dots
在类名中也是无效的,您可以添加自己的类名并将其添加到cssuse col-lg-1 col-lg-8 col-lg-3。问题是col-lg-1占据了8.333%的屏幕,其中一半是理想的。这是实现您想要的最干净的方法。我正要评论同一件事,但尤约克抢先了我一步+1你能做一把小提琴吗?我可以看到lg-5列和lg-8列。25?在你的回答中,我不明白这怎么可能。。。我看到一个0.5列,有一个0.5空白…类似这样的东西,但请注意,我使用col xs-*使它在小JSFIDLE窗口上可见事实上我只想说,0.5后面没有其他列。。。有空白:。使用Xs col使其也适用于更高级别,而不是相反级别。这是一个默认的边距,填充应用于Bootstrapt中的所有列类。这是实现所需的最干净的方法。我正要评论同一件事,但尤约克抢先了我一步+1你能做一把小提琴吗?我可以看到lg-5列和lg-8列。25?在你的回答中,我不明白这怎么可能。。。我看到一个0.5列,有一个0.5空白…类似这样的东西,但请注意,我使用col xs-*使它在小JSFIDLE窗口上可见事实上我只想说,0.5后面没有其他列。。。有空白:。使用Xs col使其也适用于更高级别,而不是相反级别。这是一个默认的边距和填充,应用于引导中的所有col类