Tabs

You can use Bootstrap tabs like this…

<ul class="nav nav-tabs">
  <li class="active"><a data-toggle="tab" href="#video1">Video 1></a></li>
  <li><a data-toggle="tab" href="#video2">Video 2</a></li>
</ul>
<div class="tab-content">
  <div id="video1" class="tab-pane fade in active">
    <h3>Video Title Here</h3>
    https: // www.youtube.com/watch?v=0z7Y-dVrJ2A
  </div>
  <div id="video2" class="tab-pane fade">
    <h3>Another Video Title</h3>
    https: // www.youtube.com/watch?v=qQLBGSUY37Q
  </div>
</div>

NOTE: I’ve intentionally used broken youtube links so it doesn’t create an embed in the sample code.

• This reply was modified 6 years, 3 months ago by tubegtld.

The example code is pretty basic HTML and will make tabs almost exactly like that.

Just paste the example code into a post (TEXT editor, not visual editor), save it, and view it and you’ll see.

<ul class="nav nav-tabs">
  <li class="active"><a data-toggle="tab" href="#video1">Video 1</a></li>
  <li><a data-toggle="tab" href="#video2">Video 2</a></li>
</ul>
<div class="tab-content">
  <div id="video1" class="tab-pane fade in active">
    <h3>Video Title Here</h3>
    https: // www.youtube.com/watch?v=0z7Y-dVrJ2A
  </div>
  <div id="video2" class="tab-pane fade">
    <h3>Another Video Title</h3>
    https: // www.youtube.com/watch?v=qQLBGSUY37Q
  </div>
</div>

Another approach would be to install the Bootstrap Shortcodes for WordPress plugin (which I’ve NOT tested) that includes support for Boostrap Tabs. Here’s their documentation for that.

Unfortunately, I can’t really provide additional support beyond this as the code provided is tested and working to make tabs within the TUBE theme.

Great.

Please mark this as resolved, and please consider leaving a review if you like the TUBE them.

Thank you @alexeyaleynikov