title: Create css for justified tabs in Bootstrap 3
body: <p>I am creating justified tabs using Bootstrap 3 responsive.
     For each tab I want the map image as shown in attached image. Not able to view the map image. </p>
  
  <p><img src="https://i.stack.imgur.com/BipfN.png" alt="enter image description here"></p>
  
  <p><a href="http://jsfiddle.net/monicaRegal/jt4r946a/" rel="nofollow noreferrer">Fiddle Demo</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div role="tabpanel"&gt;
  
      &lt;!-- Nav tabs --&gt;
      &lt;ul class="nav nav-tabs nav-justified" role="tablist"&gt;
          &lt;li role="presentation" class="active"&gt;&lt;a href="#home" aria-controls="home" role="tab" data-toggle="tab" id="America"&gt;&lt;span&gt;The Americas&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li role="presentation"&gt;&lt;a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"&gt;Europe&lt;/a&gt;&lt;/li&gt;
          &lt;li role="presentation"&gt;&lt;a href="#settings" aria-controls="settings" role="tab" data-toggle="tab"&gt;Asia/Pacific&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;!-- Tab panes --&gt;
      &lt;div class="tab-content"&gt;
          &lt;div role="tabpanel" class="tab-pane active" id="home"&gt;The Americas content&lt;/div&gt;
          &lt;div role="tabpanel" class="tab-pane" id="profile" id="Europe"&gt;Europe content&lt;/div&gt;
          &lt;div role="tabpanel" class="tab-pane" id="settings" id="Asia"&gt;Asia/Pacific content&lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.nav-tabs.nav-justified &gt; li.active &gt; a {
      border-bottom:4px solid #093!important;
      border-top:0;
      border-left:0;
      border-right:1px solid #fff;
      background-color:#fff;
      color:#000!important;
  }
  
  .nav-tabs.nav-justified &gt; li &gt; a {
      border-top:0!important;
      border-bottom:0;
      border-left:0;
      border-right:1px solid #fff;
      background-color:#0a3c91;
      border-radius:0;
      color:#fff!important;
  }
  
  .nav-tabs.nav-justified &gt; li.active &gt; a#America:active {
      background:url(http://bestindiatravel.net/Monica/mapAmericaActive.png) no-repeat center;
      border-bottom:4px solid #093!important;
      border-top:0;
      border-left:0;
      border-right:1px solid #fff;
      background-color:#fff;
      color:#000!important;
  }
  
  .nav-tabs.nav-justified &gt; li.active &gt; a#America {
      background:url(http://bestindiatravel.net/Monica/mapAmerica.png) no-repeat center;
      border-bottom:4px solid #093!important;
      border-top:0;
      border-left:0;
      border-right:1px solid #fff;
      background-color:#fff;
      color:#000!important;
  }
  
  .nav-tabs.nav-justified &gt; li.active &gt; a#Europe:active {
      background:url(http://bestindiatravel.net/Monica/mapEuropeActive.png) no-repeat center;
      border-bottom:4px solid #093!important;
      border-top:0;
      border-left:0;
      border-right:1px solid #fff;
      background-color:#fff;
      color:#000!important;
  }
  
  .nav-tabs.nav-justified &gt; li.active &gt; a#Europe {
      background:url(http://bestindiatravel.net/Monica/mapEurope.png) no-repeat center;
      border-bottom:4px solid #093!important;
      border-top:0;
      border-left:0;
      border-right:1px solid #fff;
      background-color:#fff;
      color:#000!important;
  }
  
  .nav-tabs.nav-justified &gt; li.active &gt; a#Asia:active {
      background:url(http://bestindiatravel.net/Monica/mapAsiaActive.png) no-repeat center;
      border-bottom:4px solid #093!important;
      border-top:0;
      border-left:0;
      border-right:1px solid #fff;
      background-color:#fff;
      color:#000!important;
  }
  
  .nav-tabs.nav-justified &gt; li.active &gt; a#Asia {
      background:url(http://bestindiatravel.net/Monica/mapAsia.png) no-repeat center;
      border-bottom:4px solid #093!important;
      border-top:0;
      border-left:0;
      border-right:1px solid #fff;
      background-color:#fff;
      color:#000!important;
  }
  </code></pre>
  
  <p>Please help.</p>