这是我使用的代码
<!-- Content Section --> <div > <div > <div > <div > <div > <div ID="p1">One</div> <div ID="p2">Two</div> <div ID="p3">Three</div> <div ID="p4">Four</div> <div ID="p5">Five</div> </div> <!-- //col-lg-12 --> </div> <!-- //row --> lorem </div> </div> <!-- //col-lg-12 --> </div> <!-- //row --> </div> <!-- //container -->
结果我得到了
这是我正在努力实现的.全宽5列布局,每列之间有一个空格
.col-xs-2{ background:#00f; color:#FFF;}.col-half-offset{ margin-left:4.166666667%}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/CSS/bootstrap.min.CSS" rel="stylesheet"/><div > <div > <div ID="p1">One</div> <div ID="p2">Two</div> <div ID="p3">Three</div> <div ID="p4">Four</div> <div ID="p5">Five</div> <div>lorem</div> </div></div>
这应该可以了
总结以上是内存溢出为你收集整理的html – 引导5列布局全部内容,希望文章能够帮你解决html – 引导5列布局所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)