navbar

问题 I followed this post for customizing navbar. meanwhile I came across link which uses a simple navbar class. So I borrowed this from there .navbar.navbar-www { background-color: #3E8956; border-color: #3E8956; } and the nav declared as follows in the above link: <nav class="navbar navbar-fixed-top navbar-inverse navbar-www" role="navigation"> I had my custom.css loaded after bootstrap.css and my custom.css had the above css for navbar-www. even after that, my navbar is still in black color

问题 I have a bootstrap 4 navigation bar.In this navigation bar i have a font awesome icon-shopping cart that i don't want to toggle(to go in that 3 lines menu) when the page pass a max-width value(the default responsive navbar from bootstrap).I would like to remain near the menu bar.How can i do this? PS:I will put three ! where the font awesome icon is to help you seeing it. HTML: <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"> <a class="navbar-brand" href="index.php">English

问题 I have an issue with my navbar on bootstrap 3. When adding an iframe onto the page it won't expand and I cannot navigate (on small screens). Maximizing the window (big screens) however shows, that the navbar is there and all items are available and clickable. Without the iframe, everything works as expected. Can anyone imagine, why? This seems rather strange to me... I'd appreciate any pointers. Cheers :-) Edit: Some code. Don't get confused by the django code fragements inside the html. They

问题 I'm using navbar with a dropdown menu (Bootstrap 3) I resize the browser window < 767px I open the menu I resize the browser window > 767px I open the dropdown menu (inside navbar) The issue: A scrollbar appears in the dropdown menu. (see picture below) My "nav" element is relative position. <nav class="navbar navbar-default clearfix" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse"> <span

问题 When scrollbar is on top browser displays: HTML: ------------------------- | HEADER | ------------------------- | NAVBAR | ------------------------- | body | ------------------------- When scrollbar is down NOW browser normally displays: HTML: ------------------------- | | | body | | | ------------------------- But I'd like to have: ------------------------- | NAVBAR | ------------------------- | | | body | | | ------------------------- I tried with: <div id="navbar">...</div> CSS: #navbar {

问题 The toggle button appears but it is not working. I've got a same code now in online as well and it is not working but in Plunker it is working. Plunker - toggle button is working Same code online - button is not working And the code is: <div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle

问题 I'm trying my hand at HTML5/CSS3 as a learning process but I'm struggling to create a navigation bar for links to other sections across my pages. I adapted the code from a tutorial found and it works but only when viewed on a resolution of 1080p, if the width is smaller, the bar wraps onto other lines. How do I ensure that the nav bar only takes up one line (shrinks to fit) no matter what resolution the user is using? Here is my CSS code for the nav bar. Please note, under nav i have set

问题 I have a basic bootstrap v3 website. When the navbar switches to the hamburger icon on smaller screens, I would like to add a Phone Icon (linking to a phone number) and a Map Icon (linking to google maps) so mobile users can easily access them. I tried adding a phone icon to the left of the hamburger, by adding the code just before the .navbar-toggle button, but I can't figure out how to make it responsive like to hamburger icon. I can position it, but that doesn't keep it responsive. Here is

问题 I would like, when in mobile view, for the menu icon (defined with class icon-bar in the bootstrap basic navbar example) to change to an X shape (Something similar to what happens here: https://www.mint.com but less fancy (I just want to replace the 3 stripes with an X). At the moment I am using a custom id: #ChangeToggle <button id="ChangeToggle" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span

问题 My toggle button is not working when the navbar collapses. I have checked the data-target several times and looks ok. Here is my code: <div class="navbar navbar-fixed-top navbar-inverse"> <div class="container"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.html" title="The Title"> <img style="max-width