Tab

Default

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