0

(ここではまったくの初心者です...) Twitter Bootstrap で構築された 1 ページのサイトに、サブメニューを含むトップ メニューがあります。サブメニュー項目をスクロールして、クリックすると特定のタブ 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>

どんな助けでも大歓迎です！前もって感謝します...

4

1 に答える 1

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>
于 2013-10-12T19:20:00.607 に答える