Difference between revisions of "Template:UFlorida/Menu"

Line 7: Line 7:
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
</head>
 
</head>
 +
 +
<style>
 +
/* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */
 +
    .firstHeading{
 +
      display:none;
 +
    }
 +
    #top-section{
 +
      background:#fff;
 +
      margin-left:0 !important;
 +
      width:100%;
 +
      left:0;
 +
    }
 +
</style>
 +
 +
 
<body>
 
<body>
  

Revision as of 00:37, 10 September 2017

Collapsible Navbar

In this example, the navigation bar is hidden on small screens and replaced by a button in the top right corner (try to re-size this window).

Only when the button is clicked, the navigation bar will be displayed.