我正在使用Bootstrap v2.3.0设计页脚内容。我正在尝试使用引导网格来排序我的列。在v2.3.0中，通过使用span（最多12个列），我的列没有覆盖整个行。仅在980像素的屏幕上，它覆盖了整行。但是，当屏幕尺寸大于980像素时，右侧会留有一些空间或没有任何空间。我希望第三个跨度部分在屏幕的最右边。
请参考图片以获取我的代码输出。（https://i.stack.imgur.com/SlfyQ.png）
实际上，我希望我的输出像下面的代码：[所需或预期的输出] [1]
<body>
<div class="container-fluid">
<h1>Hello World!</h1>
<div class="row">
<div class="col-sm-6" style="background-color:lavender;">.col-sm-6</div>
<div class="col-sm-6" style="background-color:lavenderblush;">
<div style="float:right;">.col-sm-6_Part-2</div>
<div style="float:right; padding-right: 100px">.col-sm-6_Part-1</div>
</div>
</div>
</div>
</body>
我应该使用什么来使它正确？请帮忙。在此先感谢!!
下面是当前/错误代码。
<body>
<div class="container-fluid">
<h1>Hello World!</h1>
<div class="row">
<div class="span4" style="background-color:lavender;">span4</div>
<div class="span4" style="background-color:lavenderblush;">span4</div>
<div class="span4" style="background-color:lavender;">span4</div>
</div>
</div>
</body>
这里。我知道您使用的是Bootstrap v2，我知道为什么，但是可以这样做。
执行此操作
<div class="row" style="display: flex; justify-content: space-between">
我做了内联样式以免破坏代码的其他部分，因为bootstrap v2确实很旧，而且我不知道如果对每个row元素都全局放置此CSS，它将如何工作？>
将first span放置在屏幕的左侧second span居中，将third span放置在屏幕的右侧。
这是您想做的吗？如果没有，请发表评论。
UPDATE
如果只想将第三个元素向右推，而将另两个元素保留在当前位置，则可以执行此操作
<div class="span4" style="background-color:lavender; float: right">span4</div>它将将该元素浮动到其父元素的最右边
UPDATE 2
基于我从评论中获得的新信息，这是解决方法
<div class="row">您需要
<div class="row-fluid">[
row-fluid将采用父级的整个宽度，跨度将拉伸]
这是bootstrap 2功能。进一步了解here