Problem with Bootstrap menu

Asked

Viewed 126 times

4

I made a menu customizing using Bootstrap, however, I am having a problem when I decrease the width to <=767px and click on the button to expand the menu. I know this problem is due to menu customization, could someone give me a light? What I want is to click on the button to expand the menu it will have the same effect as the Bootstrap Default, vertically and visible. I know that using the classe="nav navbar-nav", this effect would be, but I’m using the classe="nav nav-pills".

My menu

html css twitter-bootstrap

1 answer

4


If you want to leave the bootstrap default settings for resolutions equal to and less than 767px you can use media query to use your custom css only at higher resolutions, example:

@media screen and (min-width: 767px) {
  // se o seu dispositovo for maior que 768px coloque seu css
}

Behold running on Jsfiddle

Another detail, there is a lot of inline css in your navbar, remove it and add it in classes, so you can control the use of it by resolution.

Browser other questions tagged html css twitter-bootstrap

You are not signed in. Login or sign up in order to post.