简体   繁体   中英

Bootstrap navbar collapse doesn't show all list items (<li>) from the menu

I'm working on a website, I have implemented the inverted navbar from bootstrap taken from here :

https://getbootstrap.com/components/#navbar

I haven't modified it, but when its resized to a smaller window in computer browser, or when viewed on a mobile phone, when you clicked the "3 bars icon" for expanding the menu it's not showing all of the menu buttons (

  • ).

    I have tried to change the CSS but without any luck.

    What is it that I should look for to change, or why is it not showing all items from the menu?

    This is the website itself: https:/dh-automotive.com

  • find this in your style.css file:

    .nav {
        width: 90%;
        float: right;
        max-height: 65px;
        min-width: 680px
     } 
    

    remove max-heigh t and min-width lines.

    Overall, your CSS is incredibly messy, how did you manage to get it to this state? What are you using to build this website?

    The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

     
    粤ICP备18138465号  © 2020-2024 STACKOOM.COM