Difference between revisions of "Team:British Columbia/Human Practices"

m
m
Line 22: Line 22:
  
 
@media(max-width:768px) {
 
@media(max-width:768px) {
−
   .sidebar-nav {
+
   .nav-pills {
 
     text-align: center;
 
     text-align: center;
 
     position: static;
 
     position: static;
Line 30: Line 30:
  
 
@media(min-width:768px){
 
@media(min-width:768px){
−
   .sidebar-nav{
+
   .nav-pills{
 
     text-align: right;
 
     text-align: right;
 
   }
 
   }
Line 111: Line 111:
 
   <div class="row">
 
   <div class="row">
 
     <nav class="col-sm-3" id="side-menu">
 
     <nav class="col-sm-3" id="side-menu">
−
       <ul class="nav sidebar-nav nav-pills nav-stacked" data-spy="affix" data-offset-top="205">
+
       <ul class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="205">
 
         <li class="active"><a href="#who">Who We Are</a></li>
 
         <li class="active"><a href="#who">Who We Are</a></li>
 
         <li><a href="#background">Background</a></li>
 
         <li><a href="#background">Background</a></li>

Revision as of 21:19, 16 October 2016

Main CSS Navbar CSS

Bootstrap Example

Human Practices

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!