BluePink BluePink
XHost 		Gazduire site-uri web nelimitata ca spatiu si trafic lunar la doar 15 eur / an. Inregistrare domenii .ro .com .net .org .info .biz .com.ro .org.ro la preturi preferentiale. Pentru oferta detaliata accesati site-ul BluePink

First we need to create the Sidebar, To-top and Social buttons framework

First we need to define the buttons we are later going to code for the sidebar navigation this will be the foundation that we reference to so remember what you name them.

1. To get a basic buttons we just add class .btn to the element.
1.a. we also need to add the .toggle class to the sidebar to fire later during a hover event.

Note: I have added custom buttons CSS called .btn-dark which gives you that .btn-inverse look. 
        
            Toggle Sidebar Navigation
            
        
        
            Toggle to Top Navigation

 

2. next we need to add the id elements to reference in the jQuery they are: menu-toggle, and to-top.

Note: I have added custom buttons CSS called .btn-dark which gives you that .btn-inverse look. 
        
        
            Toggle to Top Navigation

In this example we are going to add the .panel-default for Bootstrap default panel styling.