bootstrap navbar not working correctly

Perhaps the path to your bootstrap.min.css is collapsed? I just added this link to your header <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> and pointed to the data-target="#bs-example-navbar-collapse-1". It seems working now.

<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="static/css/myCss.css" rel="stylesheet">
<meta charset="UTF-8">
<link href="static/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="static/css/customIndex.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="static/css/bootstrap-responsive.css" rel="stylesheet">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<title>Index</title>
</head>
<body>

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="./index.jsp">Index</a></li>
        <li><a href="./profile.jsp">Profile</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="./LogoutServlet">Logout</a></li>
      </ul>

Related Posts:

  1. What is sr-only in Bootstrap 3?
  2. How to add hamburger menu in bootstrap
  3. Bootstrap 4 images thumbnail classes
  4. Bootstrap dropdown not working
  5. How to center content in a Bootstrap column?
  6. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery
  7. How to give spacing between buttons using bootstrap
  8. How can I override Bootstrap CSS styles?
  9. How to change the background-color of jumbrotron?
  10. vertical divider between two columns in bootstrap
  11. vertical-align with Bootstrap 3
  12. Table fixed header and scrollable body
  13. how to do a line break in Bootstrap 3.3.7
  14. How to increase height of textarea using bootstrap rows and columns
  15. Bootstrap Columns Not Working
  16. Bootstrap 3 Glyphicons CDN
  17. How can I change the Bootstrap default font family using font from Google?
  18. How do I horizontally center a table in Bootstrap
  19. Set textarea width to 100% in bootstrap modal
  20. How to make Bootstrap Panel body with fixed height
  21. Change navbar text color Bootstrap
  22. Displaying Post Content on tooltip
  23. Open source social media icons to download and use on website? [closed]
  24. CSS calc width and height values
  25. HTML encoding issues – “” character showing up instead of ” “
  26. Center image using text-align center?
  27. CSS Background Opacity [duplicate]
  28. What does In html mean
  29. Center image horizontally within a div
  30. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  31. How to get a tab character?
  32. How to align iframe always in the center
  33. Stop floating divs from wrapping
  34. Expected RBRACE, but the bracket is there?
  35. How to make an image center (vertically & horizontally) inside a bigger div
  36. How to center text with Markdown?
  37. Responsive image map
  38. How to wrap text around an image using HTML/CSS
  39. javascript close current window
  40. How to make a whole ‘div’ clickable in html and css without JavaScript?
  41. How (and why) to use display: table-cell (CSS)
  42. Vertical Text Direction
  43. How to darken a CSS background image?
  44. How can I create a marquee effect?
  45. How to download HTTP directory with all files and sub-directories as they appear on the online files/folders list?
  46. How to set Helvetica font?
  47. Indent starting from the second line of a paragraph with CSS
  48. How to make an input type=button act like a hyperlink and redirect using a get request?
  49. html not linking css
  50. Removing border from table cells
  51. Check a radio button with javascript
  52. How do you give iframe 100% height
  53. bootstrap 3 navbar collapse button not working
  54. HTML Display Current date
  55. How to get CSS to select ID that begins with a string (not in Javascript)?
  56. Hidden property of a button in HTML
  57. Setting table row height
  58. How do I disable the resizable property of a textarea?
  59. Is there any reason for using WebGL instead of 2D Canvas for 2D games/apps?
  60. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  61. Why is colspan not applied as expected
  62. Document Root PHP
  63. How to display a gif fullscreen for a webpage background?
  64. Padding a table row
  65. How to align 3 divs (left/center/right) inside another div?
  66. Align an element to bottom with flexbox
  67. How can I change the thickness of my
    tag
  68. jquery – how to show a hidden div
  69. How to create spoiler text?
  70. How do I center text in a span?
  71. Best way to center a
  72. Find out whether radio button is checked with JQuery?
  73. Display text on MouseOver for image in html
  74. How to make a div 100% height of the browser window
  75. How to resize an image to fit in the browser window?
  76. HTML / CSS table with GRIDLINES
  77. How to embed a Google Drive folder in a website
  78. Pure HTML Back Button
  79. How to access and download a file from a server using HTML 5
  80. Display text on MouseOver for image in html
  81. In which directory do I find the HTML file of my wordpress pages?
  82. Preserve white-space in Page
  83. How do we remove mystical [X] from text? Image included
  84. Remove html markup by wordpress
  85. custom html in page change in browser
  86. Add Adsense to a website but the server responds with error 510 [closed]
  87. How to disable escaping html chars in wordpress?
  88. Allow Access To Subfolder Of HTML For Logged In Visitors
  89. Removing Line Break Tags from a Page
  90. Insert data through a script directly in the db
  91. Using Tags Instead of Categories for site structure
  92. Add an anchor link to a ‘plain’ HTML file, without over-writing the entire site?
  93. Use Mail-Tag from Contac Form 7 in a script
  94. Line break before headings () appears from nowhere
  95. Tidy HTML formatting in Gutenberg HTML blocks
  96. Unable to autoplay and loop a cinemagraph from Imgur
  97. change the icon of a custom post type in WordPress to use twitter boostrap
  98. How can I insert a disclaimer in a WordPress site?
  99. WordPress adds ‘noindex’ tag to search results. Anything I can do about it?
  100. How can we get Buddypress to interpret HTML entities correctly?

Leave a Comment

tech