大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap-3 – 防止在Bootstrap 3中堆叠并使用隐藏溢出来隐藏网格单元格，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
这可能吗？请看一下这个例子：
http://plnkr.co/edit/TYyEcYSe1MhZWTCFnJln?p=preview
<!DOCTYPE html>
<html>
<head>
<style>
#grid-container {
overflow: hidden;
}
#grid-container div {
BACkground-color: #cdcdcd;
border-right: 1px solid white;
border-bottom: 1px solid white;
}
</style>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div id="grid-container" class="col-xs-12">
<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
Item 1
</div>
<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
Item 2
</div>
<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
Item 3
</div>
<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
Item 4
</div>
<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
Item 5
</div>
<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
Item 6
</div>
</div>
</div>
</div>
</body>
</html>
在这个例子中,我希望所有东西都在一条线上,总是,并且有一些不适合#grid-container overflow：hidden隐藏的单元格.
谢谢.
要将所有div保持在一行并且具有不适合溢出隐藏的div：隐藏的父级将这些成分添加到您的css：
在外部div(在我的情况下#grid-container)
white-space: Nowrap; overflow: hidden;
在内部div /元素(在我的情况下#grid-container div)
display: inline-block; float: none; <!-- overrides Bootstrap's float:left for grid columns -->
这里有一个完整的例子：
http://plnkr.co/edit/8ns6Ov4fylTq97Z62MTj?p=preview
<!DOCTYPE html>
<html>
<head>
<style>
#grid-container {
white-space: Nowrap;
overflow: hidden;
width: 80%;
}
.item {
width: 25%;
display: inline-block;
BACkground-color: #cdcdcd;
border-right: 1px solid white;
border-bottom: 1px solid white;
}
</style>
</head>
<body>
<div id="grid-container">
<div class="item">
Item 1
</div>
<div class="item">
Item 2
</div>
<div class="item">
Item 3
</div>
<div class="item">
Item 4
</div>
<div class="item">
Item 5
</div>
<div class="item">
Item 6
</div>
</div>
</body>
</html>
以上是大佬教程为你收集整理的twitter-bootstrap-3 – 防止在Bootstrap 3中堆叠并使用隐藏溢出来隐藏网格单元格全部内容，希望文章能够帮你解决twitter-bootstrap-3 – 防止在Bootstrap 3中堆叠并使用隐藏溢出来隐藏网格单元格所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。