Question

'row-fluid'没有拆分为两个'span6'divs

OR

80％宽度的集中式“排液”没有用两个'span6'div分成两半？

而不是50％每个'span6'div的宽度为100％，第二个div下降而不是与第一个div对齐。每个div的宽度与行液相同。

我正在使用bootstrap v3.3.4

以下是代码：

<link href="css/bootstrap.css" type="text/css"/>
<div class="container-fluid">
    <div class="row-fluid" style="background-color:#40474f; height:150px; width:80%; margin:0 auto; padding:0;">

            <div class="span6 " style="border:1px solid #f00;">
                <img class="image " src="images/logo.png" alt="placeholder image" height="119" width="542">
            </div>
            <div class="span6 " style="border:1px solid #f00;">
                <img class="image " src="images/call.png" alt="placeholder image" height="63" width="259">
             </div>

    </div>
</div>
<script src="js/bootstrap.js"></script>

非常简单的问题，但我不知道我在哪里错了代码？快速解决方案将很高兴..

谢谢，

Answer 1

删除所有这些自定义宽度，边距，填充和高度，并用col-xs-6替换你的span6：

<div class="row" style="background-color:#40474f;>

            <div class="col-xs-6 " style="border:1px solid #f00;">
                <img class="image img-responsive" src="images/logo.png" alt="placeholder image">
            </div>
            <div class="col-xs-6 " style="border:1px solid #f00;">
                <img class="image img-responsive" src="images/call.png" alt="placeholder image">
             </div>

</div>

Answer 2

你可能会通过添加内联80％样式和更糟糕的内联html宽度来搞砸它。那是什么引导程序，所以你没有。

我建议：

使用移动的第一个流体网格获得更多控制权，然后进入bootstrap 3。
在不添加任何宽度样式的情况下首先使其工作，如果您想要80％，请将行嵌套在其他行和跨度中。

如果您使用的是bootstrap 3，那么只需

<div class="row">
<div class="col-md-6"></div>
<div class="col-md-6"></div>
</div>

应该足够了。

排液不分成两半

2 个答案: