Tab

            
              <div class="tab">
  <ul class="nav nav-tabs" role="tablist">
    <li class="nav-item">
      <a class="nav-link active" href="#Tab1" role="tab" data-toggle="tab" aria-expanded="true">Tab label #1</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#Tab2" role="tab" data-toggle="tab" aria-expanded="false">Tab label #2</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#Tab3" role="tab" data-toggle="tab" aria-expanded="false">Tab label #3</a>
    </li>
  </ul>
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane fade in active show" id="Tab1">
      <div class="image">
        <img src="/images/_pinout/TMC2130.svg" alt="img-alt">
      </div>
    </div>
    <div role="tabpanel" class="tab-pane fade in" id="Tab2">
      <div class="image">
        <img src="/images/_pinout/TMC2130-TA.svg" alt="img-alt">
      </div>
    </div>
    <div role="tabpanel" class="tab-pane fade in" id="Tab3">
      <div class="image">
        <img src="/images/_pinout/TMC2130-LA.svg" alt="img-alt">
      </div>
    </div>
  </div>
</div>

            
          

Copy to clipboard