CODEWITHSUNDEEP
csstwitter-bootstrap-3
Moti Winkler
Moti Winkler

Reputation: 308

in bootstrap. how to do nav-tabs class to be only horizontally?

I don't want it to dropped below When it becomes a width of Mobile

I want it to be only horizontally

HTML

<div class="nav nav-pills nav-tabs nav-justified">

    <li class="active"><a href=''>Home</a></li>
      <li>
        <a href=''>link</a>
      </li>
    <li><a href=''>Link 2</a></li>

</div>

Demo

https://jsfiddle.net/mnzsov5z/2/

Upvotes: 0

Views: 238

Answers (2)

Froy
Froy

Reputation: 748

It looks like "nav-justified" is not supported by bootstrap anymore. Remove that and let me know if that works.

Upvotes: 1

Martin Turjak
Martin Turjak

Reputation: 21214

You can always just override the bootstrap styles with your custom ones. The only thing you would want to do is adding a new class that adds

display: table-cell;
width: 1%;

to the .nav-tabsat>li list element at all resolutions. see updated fiddle: https://jsfiddle.net/mnzsov5z/3/

Upvotes: 2

Related Questions