0
我想知道有一个简单的方法来点击一个网格,然后它会使另一个网格?我仍然在想办法做到这一点。我坚持......Bootstrap:悬停在网格中弹出另一个网格
取消勾选
点击
下面的代码,有一个容器内,用12格页脚,我想弄清楚如果有方法可以从右侧隐藏11个网格,如果我点击第一个网格,然后单击第一个网格使右边的网格显示为
/* Sticky footer styles
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
background-color: #f5f5f5;
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.container {
width: auto;
padding: 0 15px;
}
.container .text-muted {
}
.btn-sq-xs {
width: 50px !important;
height: 50px !important;
}
<html >
<head>
<!--<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js"></script>-->
<!--<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.js"></script>-->
<!-- Custom styles for this template -->
<link href="css/sticky-footer-navbar.css" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link href="bootstrap-3.3.5-dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<!-- Begin page content -->
<div class="container">
<div class="page-header">
<h1>Container</h1>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row show-grid">
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</body>
</html>
什么是你的HTML的样子喜欢?你可能能够使用一般兄弟组合(〜) – BurningLights
你有什么尝试? Stackoverflow不是一种编码服务。请显示你的尝试,并解释你遇到的具体错误。 –