(这里的绝对初学者......)我在一个用Twitter Bootstrap构建的单页网站中有一个带有子菜单的顶级菜单。我想要滚动到子菜单项,并在点击时打开特定选项卡CONTENT ,但我似乎无法弄明白。
我的代码是这样的:
导航:
<li><a href="#Section-1">Compañía</a></li>
<li class="dropdown"><a href="#Section-2" class="dropdown-toggle js-activated" data-toggle="dropdown" data-hover="dropdown">Diseño <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#tab1">Diseño de marcas</a></li>
<li><a href="#tab2">Diseño editorial</a></li>
</ul>
</li>
标签:
<div class="row-fluid">
<div class="tabbable"> <!-- Only required for left/right tabs -->
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Seccion 1</a></li>
<li><a href="#tab2" data-toggle="tab">Seccion 2</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<p>
<img src="images/thumbnails/carteleria/16.jpg" height="160px" width="110px" style="float: left;margin-right: 10px"/>Con talleres propios realizamos carteleria metalúrgica de distintos formatos. Con la posibilidad de plegados de chapa, corte a plasma o laser, soldadura y el armado y articulación de los materiales, no tenemos limites para la construcción de carteleria. Traiga su idea o necesidad y nosotros lo construimos.</p>
</div>
<div class="tab-pane" id="tab2">
<p class="justify">
Decoramos flotas de vehículos, a la vez que realizamos los planos de molderia especifica para cada vehículo. Por la realización "in house" de todos los elementos, así como de nuestro grupo de instaladores expertos, nos colocan en un lugar inigualable en el mercado, por la calidad de elementos, y capacidad de respuesta para flotas de muchas unidades.</p>
</div>
</div>
</div>
</div>
任何帮助都将深表感谢! 提前谢谢......
答案 0 :(得分:0)
将data-toggle="tab"
属性添加到您的链接:
<ul class="dropdown-menu">
<li><a data-toggle="tab" href="#tab1">Diseño de marcas</a></li>
<li><a data-toggle="tab" href="#tab2">Diseño editorial</a></li>
</ul>