bootstrap的row-fluid的offset
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>BootStrap Study</title>
<!--bootstrap-->
<link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
.blue{background-color: #59c1ff}
</style>
</head>
<body>
<div class="row-fluid">
<div class="span4 blue">span4</div>
<div class="span4 offset2 blue">span4 offset2</div>
</div>
<br/>
<div class="row-fluid">
<div class="span4 blue">span4</div>
<div class="span4 blue">span4</div>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>为什么这样写offset会没效果，运行结果为：
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（9）
不好使，无论是ie,chrome,ff都一样，在宿舍都不可以，在公司都可以-_-||
我拷贝了你的代码，发现也不行，然后再把container改成container-fluid也是不行
我把我最初的代码拷到别的电脑上去时，跟你说的一样完全没问题，难道 这和电脑屏幕有问题吗，浏览器都是用相同的版本，郁闷啊
回复
别的浏览器好使吗
这样就可以了
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>BootStrap Study</title> <!--bootstrap--> <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet"> <style type="text/css"> .blue{background-color: #59c1ff} </style> </head> <body> <div class="container"> <div class="row-fluid"> <div class="span4 blue">span4</div> <div class="span4 offset2 blue">span4 offset2</div> </div> <br/> <div class="row-fluid"> <div class="span4 blue">span4</div> <div class="span4 blue">span4</div> </div> </div> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> </body> </html>知道了,你没有放在 container 类下
|||row下肯定可以，问题是官方文档下，介绍说 row-fluid 也是能offset的 而且 跟row下的是一样的，为什么我试了就不可以，所以才提出疑问
回复
我拿你的代码试了下,没发现你的问题 - -
row-fluid 换成 row