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
1
vote
0 answers

Item Active for Bootstrap Navbar

I have made a navigational bar in Bootstrap. It is in a file called header.html.
1
vote
2 answers

react-bootstrap navbar not rendering correctly

I'm trying to make a navbar using react-bootstrap, but when I render it I get this: I'm not getting any error messages, and I can't find any documentation explaining what I've got, but clearly I'm doing something wrong. Any ideas? This is the code…
Karis
  • 13
  • 1
  • 5
1
vote
1 answer

jquery mobile - JQM 1.4.5 navbar not keeping active state after panel overlay

https://jsfiddle.net/7xwrxkrd/ Initially Tab One is set with ui-btn-active and ui-state-persist styles - if you click the burger icon the panel overlay is revealed and if you click away Tab One is still active. But if you select Tab Two and then…
Merlin
  • 43
  • 1
  • 10
1
vote
1 answer

menu not collapsing in navbar-toggle bootstrap

Using HTML5 CSS3 bootstrap and jquery Bootstrap navbar menu doesn't collapse when browser resized. I've checked the html and I'm using up to date jquery version Searched through lots of other posts for ideas and tried a lot of stuff already but no…
panda_mc
  • 53
  • 1
  • 8
1
vote
3 answers

How to navigate between one-scroll-page-navigation & another page with bootstrap?

I build a "one-scroll" homepage for a multi page website. I build it with bootstrap skeleton. After this design I want to add another page to build a blog. Link to website: http://werkbaar.net/ Link to repo:…
1
vote
4 answers

Can't make the navbar go 0px on top padding.

I'm new to HTML and CSS, and now I'm having problem with the padding on my navbar, I can't make it "reach" the top, there's a space between the navbar and the top of the site that i can't get rid of. Here's my HTML code:
HabibieND
  • 11
  • 5
1
vote
0 answers

The best way to create a drop-down menu with React components?

I have tried to make a drop-down menu without libraries but I do not find much information about it, they know some good library to create the menu, or in what way I could create it directly with the component states Use reactstrap but I can not…
Gerardo Bautista
  • 795
  • 3
  • 11
  • 19
1
vote
1 answer

Displaying select input only in navbarMenu and their respective belonging tabs

I am developing a shiny application wherein for the first time i am trying to use navbarPage. Earlier I used to code with sidebar and mainpanel method but that looks elementary level. This navbarpage gives a website Look to the Application. I am…
Harvey
  • 245
  • 2
  • 9
1
vote
1 answer

Having trouble putting image header above nav bar that sticks when scrolled past

I'm trying to create a website in which there is a header image, with the navigation bar under it. I'm having issues though where I'm using the jquery code and whatnot trying to get it to work but my header image is still showing up below the…
1
vote
1 answer

Current URL to bootstrap navbar buttons

I have some simple landing page with Bootstrap navbar. .block1 { width: 100%; height: 900px; box-shadow: 1px 1px 10px #000; margin: 15px; } .block2 { width: 100%; height: 900px; box-shadow: 1px 1px 10px #000; margin:…
1
vote
3 answers

Bootstrap navbar collapse toggle button not clicking

Why isn't my bootstrap navbar not collapsing? The toggle button shows up but when I click it, nothing happens. (Written in React so using className instead of class.) I even tried copying and pasting directly from the Bootstrap example and it still…
Kaisin Li
  • 514
  • 3
  • 7
  • 21
1
vote
1 answer

Navbar fits to screen even after using .container class from bootstrap in Asp.Net MVC 5

I am a beginner in ASP.NET MVC. I am working on a project in which the navbar of my partial view for shared layout fits to screen even though I added .container class from bootstrap. I want my navbar to be in the default size that .container class…
1
vote
1 answer

Bootstrap navbar collapse isn't working with angular4.4.4

When I was using bootstrap3 in angular4.4.4, the bootstrap navbar collapse doesn't work, the collpased contents don't show up when I click it. Who can help me?