---
title: "How to fix bootstrap tab Vertical with text?"  
description: "How to fix bootstrap tab Vertical with text?"  
author: "Anonymous User"  
published: 2015-02-10  
updated: 2015-02-10  
canonical: https://www.mindstick.com/forum/12951/how-to-fix-bootstrap-tab-vertical-with-text  
category: "css-css3"  
tags: ["bootstrap", "bootstrap tab"]  
reading_time: 1 minute  

---

# How to fix bootstrap tab Vertical with text?

Hello I’m using [bootstrap](https://www.mindstick.com/articles/1555/image-viewer-using-bootstrap-carousel) vertical [tabs](https://www.mindstick.com/articles/43918/how-to-design-table-using-bootstrap)

**Here is my [code](https://yourviews.mindstick.com/view/85458/alan-turing-the-mastermind-behind-cracking-the-enigma-code-during-world-war-ii):**

```
<div class="row">    <div class="col-md-3">        <ul class="nav
nav-tabs tabs-left">            <li class="active"><a href="#home-v" data-toggle="tab">Home</a></li>            <li><a href="#profile-v" data-toggle="tab">Profile</a></li>        </ul>    </div>    <div class="col-md-9">        <div class="tab-content">            <div class="tab-pane
active" id="home-v">Home Tab.</div>            <div class="tab-pane" id="profile-v">Profile Tab.</div>        </div>    </div></div>
```

## Screenshot:

**![How to fix bootstrap tab Vertical with text?](https://www.mindstick.com/mindstickforums/b35019eb-a7b7-413a-b2c9-a49b79c58ab0/images/4f3d816c-314b-4acf-a90c-74962a64cb33.png)**

My question is that, I’m want to set the orientation vertically of this tab with text. How is it possible?

**Thank you in advance.**

## Replies

### Reply by Anonymous User

Hi kamlakar!

I am trying to solve your problem

This is possible and very simple you can use only a class sideways

## Here is my code:

```
<div class="row">    <div class="col-md-3">        <ul class="nav nav-tabs tabs-left sideways">            <li class="active"><a href="#home-v" data-toggle="tab">Home</a></li>            <li><a href="#profile-v" data-toggle="tab">Profile</a></li>        </ul>    </div>    <div class="col-md-9">        <div class="tab-content">            <div class="tab-pane active" id="home-v">Home Tab.</div>            <div class="tab-pane" id="profile-v">Profile Tab.</div>        </div>    </div></div>
```

## Screenshot:

**![How to fix bootstrap tab Vertical with text?](https://www.mindstick.com/mindstickforums/b35019eb-a7b7-413a-b2c9-a49b79c58ab0/images/1556aa40-2da1-46c7-acb4-23cf38b23812.png)**

**I hope this is help to you.**


---

Original Source: https://www.mindstick.com/forum/12951/how-to-fix-bootstrap-tab-vertical-with-text

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.