HTML Snippets for Twitter Boostrap framework : Bootsnipp.com

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html>
<head>
<link href="http://netdna.bootstrapcdn.com/bootswatch/3.0.3/bootstrap/bootstrap.min.css" rel="stylesheet" title="theme">
<style>
* 
{
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.navbar-basic
{
background-color: white;
border-color: rgba(94, 94, 94,.5);
border-width:1px;
border-radius: 6px;
color: rgba(94, 94, 94,.8);
}
 
.btn-outline:hover
{
background-color: transparent;
border-color: rgb(94, 94, 94);
color: rgb(94, 94, 94);
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
$(function(){
    
    $(".input-group-btn .dropdown-menu li a").click(function(){
        var selText = $(this).html();
        var selWidth = $(this).data('width')
       $(this).parents('.input-group-btn').find('.btn-search').html(selText+'<span class="caret"></span>');
       $('#search-text-input').attr("class",selWidth);
   });
});
        
function save_settings()
{
localStorage.setItem("navbar_name" , $( "#navbar_name" ).val());
localStorage.setItem("text_color", $( "#text_color" ).val());
localStorage.setItem("text_size", $( "#text_size" ).val());
localStorage.setItem("theme_name", $( "#theme_name" ).val());
localStorage.setItem("display_label",$('input[name="display_label"]:checked').val());
apply_preferences_to_page();
}
        
function load_settings()
{
var navbar_name = localStorage.getItem( "navbar_name" );
var text_color = localStorage.getItem( "text_color" );
var text_size = localStorage.getItem( "text_size" );
var theme_name = localStorage.getItem( "theme_name" );
var display_label = localStorage.getItem( "display_label" );
$("#navbar_name").val(navbar_name);
$("#text_color").val(text_color);
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Admin Nav Bar - v3"
Bootstrap 3.3.0 Snippet by ricardoard12

Related: See More

Questions / Comments:

"Admin Nav Bar - v3" Bootstrap 3.3.0 Snippet by ricardoard12

Related: See More

Questions / Comments:

"Admin Nav Bar - v3"
Bootstrap 3.3.0 Snippet by ricardoard12