Html 引导列嵌套不工作。1个Div,左跨2行,右叠2行
我已经在这方面胡闹了几天,无法让这部分工作。我想要一个大的div元素在左边跨越两行,在右边有两个堆叠的div元素 这是代码Html 引导列嵌套不工作。1个Div,左跨2行,右叠2行,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我已经在这方面胡闹了几天,无法让这部分工作。我想要一个大的div元素在左边跨越两行,在右边有两个堆叠的div元素 这是代码 <!DOCTYPE html> <html> <head> <title>Athenz -- DJ</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <l
<!DOCTYPE html>
<html>
<head>
<title>Athenz -- DJ</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='http://fonts.googleapis.com/css?family=Bree+Serif|Merriweather:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href="_/css/bootstrap.css" rel="stylesheet" media="screen">
<link href="_/css/mystyles.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- NAVIGATION MENU BAR -->
<div class="jumbtron">
<section class="navbar navbar-fixed-top center" role="navigation">
<ul id="top-nav" class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="model.html">Model</a></li>
<li><a href="actress.html">Actress</a></li>
<li><a href="dj.html">DJ</a></li>
<li><a href="entreprenuer.html">Entreprenuer</a></li>
<li><a href="press.html">Press</a></li>
<li><a href="contact.html">Contact</a></li>
</ul><!-- nav -->
</section><!-- navbar -->
<div id="djbanner" class="col-lg-12">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src='images/dj/dj1.jpg' alt="DJ Photo 1">
</div>
<div class="item">
<img src='images/dj/dj2.jpg' alt="DJ Photo 2">
</div>
<div class="item">
<img src='images/dj/dj3.jpg' alt="DJ Photo 3">
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div> <!-- Carousel -->
</div>
</div>
<div id="dj-body" class="container">
<div class="row">
<div class="col-lg-6">
<div class="big-box">image</div>
</div>
<div class="col-lg-6">
<div class="row">
<div class="col-lg-6"><div class="mini-box">1</div></div>
<div class="col-lg-6"><div class="mini-box">2</div></div>
<div class="col-lg-6"><div class="mini-box">3</div></div>
<div class="col-lg-6"><div class="mini-box">4</div></div>
</div>
</div>
</div>
</div> <!-- container -->
<section class="navbar navbar-fixed-bottom" role="navigation">
<div class="container">
<ul id="bottom-nav" class="nav navbar-nav">
<li><a href="privacypolicy.html">Energy Wellness</a></li>
<li><a href="http://rouxacademy.com">Bookings</a></li>
<li><a href="https://www.facebook.com/athenzmedia"><img src="images/social/facebook.png" /></a></li>
<li><a href="https://twitter.com/athenzmedia"><img src="images/social/twitter.png" /></a></li>
<li><a href="https://www.youtube.com/channel/UC8j0tdZ-4Cw9inEshI-RHiQ"><img src="images/social/youtube.png" /></a></li>
<li><a href="https://soundcloud.com/armylagos/pure-stimulation-april"><img src="images/social/soundcloud.png" /></a></li>
</ul><!-- nav -->
</div>
</section><!-- navbar -->
<script>
$('.carousel').carousel({
interval: 4000
})
</script>
<script src="_/js/bootstrap.js"></script>
<script src="_/js/myscript.js"></script>
</body>
</html>
我很确定我关闭了所有东西,但我无法让它在我的电脑上工作。尝试了显示、位置和其他几个选项,但似乎没有任何效果。谢谢你在高级课程中的帮助
<div class="row">
<div class="col-md-6">Tall</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-12">Top</div>
</div>
<div class="row">
<div class="col-md-12">Bottom</div>
</div>
</div>
</div>
高的
顶部
底部
<div class="row">
<div class="col-md-6">Tall</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-12">Top</div>
</div>
<div class="row">
<div class="col-md-12">Bottom</div>
</div>
</div>
</div>