1

Uso tab/pills do bootstrap e o conteúdo das tabs é quase igual, diferenciando somente alguns campos. Existe uma forma de aproveitar o que há de comum entre eles?

<ul class="nav nav-pills">
  <li class="active"><a data-toggle="pill" href="#home">Home</a></li>
  <li><a data-toggle="pill" href="#menu1">Menu 1</a></li>
  <li><a data-toggle="pill" href="#menu2">Menu 2</a></li>
  <li><a data-toggle="pill" href="#menu2">Menu 3</a></li>
</ul>
<div class="tab-content">
  <div id="home" class="tab-pane fade in active">
     <h3>HOME</h3>
     <p>Campo A</p>
     <p>Campo B</p>
  </div>
  <div id="menu1" class="tab-pane fade">
    <h3>MENU 1</h3>
    <p>Campo A</p>
    <p>Campo B</p>
    <p>Campo C</p>
  </div>
  <div id="menu2" class="tab-pane fade">
    <h3>MENU 2</h3>
    <p>Campo A</p>
    <p>Campo B</p>
    <p>Campo D</p>
  </div>
  <div id="menu3" class="tab-pane fade">
    <h3>MENU 3</h3>
    <p>Campo X</p>
    <p>Campo Y</p>
    <p>Campo Z</p>
  </div>    
</div>
6
  • Pode partilhar também o código relevante e e dizer ao certo o que quer sff
    – Miguel
    31/05/2016 às 10:05
  • Não creio que só com a funcionalidade default de bootstrap consiga isso, tem usar jquery/javascript
    – Miguel
    31/05/2016 às 10:19
  • Sem problemas....vc tem alguma sugestão? 31/05/2016 às 10:26
  • Dê-me uns mins, vou fazer com jquery
    – Miguel
    31/05/2016 às 10:27
  • tabs e pills? são a mesma estrutura a unica coisa que muda é a classe nav-pills para nav-tabs 31/05/2016 às 11:17

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .