Test3: Difference between revisions
From Now That's What I Call Music Wiki
(Created page with "<html> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <style> .nav-tabs .nav-link { color: gray; border: 0; border-bottom: 1px solid grey; } .nav-tabs .nav-link:hover { border: 0; border-bottom: 1px solid grey; } .nav-tabs .nav-link.active { color: #000000; border: 0; border-radius: 0; border-bottom: 2px solid blue; } </style> <ul class="nav nav-tabs" id="myTab" role="tablist...") |
No edit summary |
||
Line 25: | Line 25: | ||
<li class="nav-item"> | <li class="nav-item"> | ||
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" | <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" | ||
aria-selected="true"> | aria-selected="true">Home</a> | ||
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
<a class="nav-link" id="profile-tab" data-toggle="tab" href="# | <a class="nav-link" id="profile-tab" data-toggle="tab" href="#menu2" role="tab" aria-controls="menu2" | ||
aria-selected="false"> | aria-selected="false">Menu 2</a> | ||
</li> | |||
<li class="nav-item"> | |||
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#menu3" role="tab" aria-controls="menu3" | |||
aria-selected="false">Menu 3</a> | |||
</li> | </li> | ||
</ul> | </ul> | ||
<div class="tab-content"> | |||
<div id="home" class="tab-pane fade in active"> | |||
</html> | |||
Some content will go here 1.<html> | |||
</div> | |||
<div id="menu2" class="tab-pane fade"> | |||
</html> | |||
Some content will go here 2.<html> | |||
</div> | |||
<div id="menu3" class="tab-pane fade"> | |||
</html> | |||
Some content will go here 3.<html> | |||
</div> | |||
</div> | |||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> | <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> |
Revision as of 22:28, 1 November 2024
Some content will go here 1.