大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – 网格系统下的push和offset之间有什么区别?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<div class="row"> <div class="col-md-2"> <h2>Column 1</h2> <p> This is text for column 1 </p> <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301865">Learn more »</a></p> </div> <div class="col-md-2"> <h2>Column 2</h2> <p>This is text for column 2</p> <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301866">Learn more »</a></p> </div> <div class="col-md-2 col-md-push-6"> <h2>Column 3</h2> <p>This is text for column 3</p> <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301867">Learn more »</a></p> </div> </div> <div class="row"> <div class="col-md-2"> <h2>Column 1</h2> <p> This is text for column 1 </p> <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301865">Learn more »</a></p> </div> <div class="col-md-2"> <h2>Column 2</h2> <p>This is text for column 2</p> <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301866">Learn more »</a></p> </div> <div class="col-md-2 col-md-offset-6"> <h2>Column 3</h2> <p>This is text for column 3</p> <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301867">Learn more »</a></p> </div> </div>
> offset将强制其他列移动
> push(和pull)将与其他列重叠
这里有一个视觉示例:http://www.bootply.com/126557
在您的示例中没有列“冲突”。推和偏移显示相同,因为相邻列不受影响。
以上是大佬教程为你收集整理的twitter-bootstrap – 网格系统下的push和offset之间有什么区别?全部内容,希望文章能够帮你解决twitter-bootstrap – 网格系统下的push和offset之间有什么区别?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。