Difference between revisions of "Template:RUM-UPRM/Example"

Line 45: Line 45:
 
<div class="container-fluid; bg-info" style="height:250px; top: 200px">
 
<div class="container-fluid; bg-info" style="height:250px; top: 200px">
 
   <center><h1>Design</h1>
 
   <center><h1>Design</h1>
  <h3>Fixed vertical sidenav on scroll</h3>
 
 
   <p>Scroll this page to see how the navbar behaves with data-spy="affix" and data-spy="scrollspy".</p>
 
   <p>Scroll this page to see how the navbar behaves with data-spy="affix" and data-spy="scrollspy".</p>
 
   <p>The left menu sticks the page after you have scrolled a specified amount of pixels, and the links in the menu are automatically updated based on scroll position.</p></center>
 
   <p>The left menu sticks the page after you have scrolled a specified amount of pixels, and the links in the menu are automatically updated based on scroll position.</p></center>

Revision as of 04:44, 26 October 2020



RUM-UPRM Wiki Source Code

Bootstrap Example

Design

Scroll this page to see how the navbar behaves with data-spy="affix" and data-spy="scrollspy".

The left menu sticks the page after you have scrolled a specified amount of pixels, and the links in the menu are automatically updated based on scroll position.

Section 1

Try to scroll this section and look at the navigation list while scrolling!

Section 2

Try to scroll this section and look at the navigation list while scrolling!

Section 3

Try to scroll this section and look at the navigation list while scrolling!

Section 4-1

Try to scroll this section and look at the navigation list while scrolling!

Section 4-2

Try to scroll this section and look at the navigation list while scrolling!

Our Sponsors

Amgen Snapgene UPRM Goya Genscript PRABIA MolecularCloud MatLab IDT ReviveRestore Twist

Follows Us!