Bootstrap: Overlapping of navbar-toggler & navbar-brand on mobile

Created on 13 Jun 2017  路  3Comments  路  Source: twbs/bootstrap

The demo navbar when a container is added to it is centers both the navbar-brand link and the navbar-toggler in mobile responsive site.

screen shot 2017-06-13 at 4 43 59 pm

https://v4-alpha.getbootstrap.com/examples/navbars/

css v4
Source
picture thykes

Most helpful comment

:sob: We have to do a release soon.

picture mdo on 14 Jun 2017
👍2

All 3 comments

Please use search function, this issue was reported many times and it's fixed in next release for quite a while too.

22694 #21590 #22606 #22028 #22292 #21848 #22046 #22108 #22335 #21993 #22227 #22268 #22370... etc.. ect... ;)

rafalp picture rafalp on 14 Jun 2017

@thykes Temporary solution. If you can not sleep :)

@media (max-width: 575px) {
  .navbar {
    .container {
      margin-left: 0;
      margin-right: 0;
    }
  }
}
afuno picture afuno on 14 Jun 2017
👎1

:sob: We have to do a release soon.

mdo picture mdo on 14 Jun 2017
👍2
Was this page helpful?
0 / 5 - 0 ratings

Related issues

iklementiev picture iklementiev  路  3Comments
kamov picture kamov  路  3Comments
steve-32a picture steve-32a  路  3Comments
IamManchanda picture IamManchanda  路  3Comments
vinorodrigues picture vinorodrigues  路  3Comments