2013-10-12 62 views
0

(絕對初學者在這裏...)我有一個頂級菜單,其中包含使用Twitter Bootstrap構建的單頁網站中的子菜單。我希望子菜單項滾動到,點擊時打開特定選項卡CONTENT,但我似乎無法弄清楚。從子菜單項目打開標籤內容

我的代碼是這樣的:

資產淨值:

<li><a href="#Section-1">Compa&ntilde;&iacute;a</a></li> 
      <li class="dropdown"><a href="#Section-2" class="dropdown-toggle js-activated" data-toggle="dropdown" data-hover="dropdown">Dise&ntilde;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&uacute;rgica de distintos formatos. Con la posibilidad de plegados de chapa, corte a plasma o laser, soldadura y el armado y articulaci&oacute;n de los materiales, no tenemos limites para la construcci&oacute;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&iacute;culos, a la vez que realizamos los planos de molderia especifica para cada veh&iacute;culo. Por la realizaci&oacute;n "in house" de todos los elementos, as&iacute; 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

添加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>