Questions tagged [navbar]

The portion of HTML and XML that deals directly with page navigation

A navigation bar or (navigation system) is a section of a website or online page intended to aide visitors in travelling through the online document.

source: http://en.wikipedia.org/wiki/Navbar

6050 questions
30
votes
6 answers

Navbar toggle button opens then immediately closes

I have a site using Bootstrap. When the window size reduces to mobile, the Navbar menu correctly collapses to the usual hamburger (3-stripe) button. My problem is that when I click this button to open the menu, it opens, but then immediately…
Shawn de Wet
  • 5,642
  • 6
  • 57
  • 88
30
votes
2 answers

Best way to use Bootstrap 3 Navbar without responsive collapse

I'm trying to create a simple Navbar in Bootstrap 3 that doesn't collapse - responsive isn't necessary here because we just have a simple title on the left + button on the right. My goal is to have the title + buttons always appear the same for all…
Ender2050
  • 6,912
  • 12
  • 51
  • 55
29
votes
7 answers

Logging out via a link in Laravel

I have a "Logout" link in my top navigation bar. I'm wondering how I can make it so that while I'm logged in, it'll log me out when I click on it and return me to the homepage. To be specific, what changes to which files do I make in Laravel? Also,…
Ben Kao
  • 621
  • 3
  • 8
  • 18
29
votes
2 answers

Mysterious whitespace in between Bootstrap2 Navbar and row underneath

I am using Bootstrap's Navbar and Bootsrap's grid to display a Navbar with a image immediately underneath the Navbar. However, for some reason there is whitespace between this Navbar and the image. When I use firebug to investigate the location of…
BigSauce
  • 1,830
  • 3
  • 21
  • 27
29
votes
6 answers

Bootstrap navbar justify / span menu items occupying full width

I use the default Twitter Bootstrap responsive navbar (without the logo and search), but I want the menu items to be spanned, occupying the full width of the menu bar. Here is what I have now default Bootstrap navbar (see --- as spaces): [home |…
user2024774
  • 291
  • 1
  • 3
  • 3
28
votes
11 answers

Remove border color for navbar-toggler Hamburger icon in Bootstrap using CSS

I've been stuck in this for a long time. Searched and tried many ways to remove the border color for the BS4 hamburger icon when clicked on it (in my local, it appears as Yellow. In this snippet, It's blue) Could anyone help fix this? Appreciate the…
coderpc
  • 4,119
  • 6
  • 51
  • 93
28
votes
2 answers

How can I use Bootstrap navbar in ngx-bootstrap for Angular 5?

Bootstrap navbar doesn't exist in the ngx-bootstrap components list. Please help me to implement it.
Hossein Bajan
  • 2,644
  • 5
  • 19
  • 36
28
votes
11 answers

Twitter Bootstrap - full width navbar

Following the example of TB, I have a navbar that is marked up as follows:
I'd like…
StackOverflowNewbie
  • 39,403
  • 111
  • 277
  • 441
27
votes
7 answers

How to align nav items to the right in Bootstrap 5?

I have copied a navbar HTML code from https://www.codeply.com/go/qhaBrcWp3v Example 6: