CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
user3894924
user3894924

Reputation: 15

Keep Bootstrap carousel menu always horizontally

I am using a modified version of the following carousel snippet: http://bootsnipp.com/snippets/featured/tabbed-slider-carousel

My problem is: When you make the screen smaller, the list elements change from horizontal to vertical. I would like to keep it always horizontal but I cant find the point to jump in to change the code.

Upvotes: 0

Views: 428

Answers (1)

Henri Hietala
Henri Hietala

Reputation: 3041

It's this part of code that keeps them horizontal:

@media (min-width: 768px)
  .nav-justified>li {
    display: table-cell;
    width: 1%;
  }
}

You can apply this without the min-width but keep in mind that the contents should be very narrow to keep it responsive.

Upvotes: 1

Related Questions