Twitter引导浮动权利
bootstrap正确的方法是什么正确的浮动div？ 我认为pull-right是推荐的方式，但它不工作。
@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); .container { margin-top: 10px; }
<div class="container"> <div class="row-fluid"> <div class="span6"> <p>Text left</p> </div> <div class="span6 pull-right"> <p>text right</p> </div> </div> </div>
你在你的行中有两个span6 divs，这样就占用了一行所组成的整个12个span。
向第二个span6 div添加右移不会对它做任何事情，因为它已经坐在右边。
如果你的意思是你想让第二个span6 div中的文本alignment到右边，那么简单的添加一个新的类到那个div，并给它text-align：right值，例如
.myclass { text-align: right; }
更新：
EricFreese指出，在2.3版本的Bootstrap（上周）中，他们已经添加了可以使用的文本alignment工具类：
-
.text-left -
.text-center -
.text-right
http://twitter.github.com/bootstrap/base-css.html#typography
把浮动的div向右pull-right是推荐的方式，我觉得你正在做的事情可能是你只需要使用text-align:right;
<div class="container"> <div class="row-fluid"> <div class="span6"> <p>Text left</p> </div> <div class="span6 pull-right" style="text-align:right"> <p>text right</p> </div> </div> </div> </div>
bootstrap 3有一个类来alignmentdiv中的文本
<div class="text-right">
将alignment右侧的文字
<div class="pull-right">
将所有的内容都拉到正确的文本上
这样做的窍门，而不需要添加内联样式
<div class="row-fluid"> <div class="span6"> <p>text left</p> </div> <div class="span6"> <div class="pull-right"> <p>text right</p> </div> </div> </div>
答案是用“拉右”类嵌套另一个<div> 。 组合这两个类将不起作用。
<p class="pull-left">Text left</p> <p class="text-right">Text right in same line</p>
这为我工作。
编辑：你的代码片段的例子：
@import url('bootstrap@3.3.7/dist/css/bootstrap.css'); .container { margin-top: 10px; }
<div class="container"> <div class="row-fluid"> <div class="span6 pull-left"> <p>Text left</p> </div> <div class="span6 text-right"> <p>text right</p> </div> </div> </div>
您可以将类名称指定为文本中心，向左或向右。 文本将相应地与这些类名alignment。 你不需要另外制作额外的课程名称。 这些类是在BootStrap 3和Bootstrap 4中构build的。
Bootstrap 3
v3文本alignment文档
<p class="text-left">Left aligned text.</p> <p class="text-center">Center aligned text.</p> <p class="text-right">Right aligned text.</p> <p class="text-justify">Justified text.</p> <p class="text-nowrap">No wrap text.</p>
Bootstrap 4
v4文本alignment文档
<p class="text-xs-left">Left aligned text on all viewport sizes.</p> <p class="text-xs-center">Center aligned text on all viewport sizes.</p> <p class="text-xs-right">Right aligned text on all viewport sizes.</p> <p class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.</p> <p class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.</p> <p class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.</p> <p class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.</p>
