Javascript 引导导航栏放置在顶部转盘上
我有下面一页菜单Javascript 引导导航栏放置在顶部转盘上,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我有下面一页菜单 <div class="navbar navbar-inverse navbar-fixed-top" role="navigation" > <div class="container"> <div class="row"> <div class="col-xs-11 col-xs-offset-1" > <div class="navbar-header"
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation" >
<div class="container">
<div class="row">
<div class="col-xs-11 col-xs-offset-1" >
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-brand">
My logo
</div>
</div>
<div class="navbar-collapse collapse">
<div class="navbar-right">
<ul class="nav navbar-nav">
<li><div class="some_class" style="margin: auto;"></div></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
切换导航
我的标志
此外,我还有以下引导转盘:
<div id="carusel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox" >
<div class="active item" id="item1">
<img class="new" src="../image1.png" style="min-height:496px;max-height: 896px;width: 100%" alt="...">
<div class="carousel-content">
<div class="row">
<div class="col-xs-11 col-xs-offset-1" >
<div class="col-md-8 center-block" >
Content1
</div>
<div class="col-md-8 center-block" >
Content2
</div>
</div>
</div>
内容1
内容2
菜单由左部分和右部分组成。有一个内容放在我的旋转木马上
内容由左栏和右栏组成。 如何将左列放置在菜单左部分的正下方(相同的X坐标),将右列放置在菜单右部分的正下方。(相同的Y坐标)。 换句话说: 如何将“内容1”放置在菜单的“我的徽标”下方。我的意思是把它们放在一个地方,它们都有相同的x坐标,相同的左边距。
所以我想根据引导菜单来调整我的旋转木马的内容。你可以考虑制作一个jsFoDLE,这样我们就可以看到Suffi只想把引导引导的相应内容放在引导菜单左、右部分下面:谢谢MuChin前进: