Html 行流体未拆分为一半

“row fluid”未拆分为两个“span6”分区

或

宽度为80%的中央“行流体”没有分裂成两个“span6”div的一半

每个“span6”分区的宽度不是50%，而是100%，第二个分区向下，而不是与第一个分区对齐。每个分区的宽度与行流体相同

我正在使用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>

非常简单的问题，但我不知道我在代码上哪里错了？ 快速解决方案将不胜感激

---

谢谢，

删除所有自定义宽度、边距、填充物和高度，并将您的span6替换为col-xs-6，如下所示：

<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>

---

添加80%的内联样式和更糟糕的内联html宽度，可能会把事情搞砸。这就是引导的作用，所以你没有

我建议：

转到bootstrap 3，因为它的第一个移动流体网格使您获得了更多的控制

首先让它工作，而不添加任何宽度样式，如果需要80%，请将行嵌套在其他行和跨距中

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

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



应该足够了。
我建议您阅读bootstrap 3中的bootstrap，有一半的网格是
class=“col-md-6”
。首先阅读引导网格系统。
span6
在引导v3.x中不存在，这在v2.x中可用！正如其他人所建议的，请查看文档。这不起作用，行流体是引导2，而col-xs-6是引导3。此外，col-xs-6甚至不会包装，它意味着在最小的设备上保留其位置。@Colechamberlan如果使用xs，它可以用于更高的。。。不是相反。你确定@YenneInfo？在电话上看一看，告诉我col-xs-6是否堆叠。答案更新为row fluid，替换为just row，并移除宽度、边距和填充物。容器流体本身就应该做到这一点。我还删除了图像的指定宽度和高度，并将其替换为img响应类@科尔张伯伦“col-xs-6连包装都不包装”？？你什么意思？