Tabs
Use tabs to keep related content in a single container that is shown and hidden through navigation.
Nav Tabs
draft

    <div class="tabs">
    		<div>
    				<ul class="nav nav-tabs mb-4" id="tab_controls" role="tablist" tabindex="0">
    						<li class="nav-item" role="presentation">
    								<a aria-controls="servers" data-toggle="tab" aria-posinset="1" aria-selected="true" aria-setsize="1" class="nav-link active" href="#exampleTabContent1" role="tab" tabindex="-1">Item One</a>
    						</li>
    						<li class="nav-item" role="presentation">
    								<a aria-controls="clusters" data-toggle="" aria-posinset="1" aria-selected="false" aria-setsize="1" class="nav-link" href="#exampleTabContent2" role="tab" tabindex="-1">Item Two</a>
    						</li>
    				</ul>
    		</div>
    		<div class="tab-content" id="tabContent">
    				<div aria-expanded="true" aria-hidden="false" class="tab-pane show fade active" id="exampleTabContent1" role="tabpanel">
    						Item One Content
    				</div>
    				<div aria-expanded="false" aria-hidden="true" class="tab-pane show fade" id="exampleTabContent2" role="tabpanel">
    						Item Two Content
    				</div>
    		</div>
    </div>