在引导程序3中alignmentdiv
在Bootstrap 3中有一种方法来alignment一个div吗？
我知道抵消的可能性，但我想调整一个格式化的div在其容器的权利，而它应该居中在一个全宽的移动视图。 class级“拉右”不再工作了。 他们忘了取代它还是我错过了明显的东西？
<div class="row"> <div class="container"> <div class="col-md-4"> left content </div> <div class="col-md-4 col-md-offset-4"> <!-- The next div has a background color and its own paddings and should be aligned right--> <!-- It is now in the right column but aligned left in that column --> <div class="yellow_background">right content</div> </div> </div> </div> 舒尔我知道如何在CSS中做到这一点，但它可以在纯引导3？
类的拉右仍然在Bootstrap中3在这里看到“助手类”
拉右是由…定义的
.pull-right { float: right !important; }
没有更多的风格和内容信息，这是很难说。
当页面宽度超过990 像素时，它肯定会在这个JSBIN中正确拖拽 – 这就是当鼠标引入时，Bootstrap 3首先是移动的。
你的意思是这样的：
HTML
<div class="row"> <div class="container"> <div class="col-md-4"> left content </div> <div class="col-md-4 col-md-offset-4"> <div class="yellow-background"> text <div class="pull-right">right content</div> </div> </div> </div> </div>
CSS
.yellow-background { background: blue; } .pull-right { background: yellow; }
一个完整的例子可以在Codepen上find 。
我认为你尝试调整内的权利在div内，与偏移量的div已经推到右边，在这里的一些代码和实例 ：
仅供参考： .pull-right仅将div推向右侧，而不是div内的内容。
HTML：
<div class="row"> <div class="container"> <div class="col-md-4 someclass"> left content </div> <div class="col-md-4 col-md-offset-4 someclass"> <div class="yellow_background totheright">right content</div> </div> </div> </div>
CSS：
.someclass{ /*this class for testing purpose only*/ border:1px solid blue; line-height:2em; } .totheright{ /*this will align the text to the right*/ text-align:right; } .yellow_background{ background-color:yellow; }
另一个修改：
... <div class="yellow_background totheright"> <span>right content</span> <br/>image also align-right<br/> <img width="15%" src="https://www.google.comhttp://img.dovov.comsrpr/logo11w.png"/> </div> ...
希望它能清除你的问题
将offset8添加到您的class级，例如：
<div class="offset8">aligns to the right</div>
