Bootstrap Snippet menu using HTML CSS Bootstrap

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="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<header id="header" class="fancy">
<div class="topbar">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6">
                <div class="topbar-left text-left">
                   <ul class="list-inline">
             <li> <i class="fa fa-envelope-o"> </i> support@website.com</li> 
             <li> <i class="fa fa-clock-o"></i> Mon - Sat 8.00 - 18.00. Sunday CLOSED</li>
           </ul>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6">
                <div class="topbar-right text-right">
                     <ul class="list-inline">
             <li> <i class="fa fa-phone"></i> (007) 123 456 7890</li> 
             <li><a href="#"><i class="fa fa-facebook"></i></a></li>   
             <li><a href="#"><i class="fa fa-twitter"></i></a></li>   
             <li><a href="#"><i class="fa fa-instagram"></i></a></li>   
             <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>   
           </ul>
                </div>
            </div>
        </div>
    </div>
</div>
 
<!--=================================
 mega menu -->
<div class="menu">  
  <div class="container"> 
    <div class="row"> 
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
/* GOOGLE FONT */
 
/* MENU BASIC LAYOUT */
.mega-menu {
  margin: 0 auto;
  padding: 0;
  display: block;
  float: none;
  position: relative;
  z-index: 999;
/*  max-width: 1280px;
  width: 100%;*/
  font-size: 16px;
  min-height: 100px;
  clear: both;
  box-sizing: border-box;
}
@media screen and (max-width: 992px) {
  .mega-menu {
    /*float: left;*/
    margin: 0;
    /*min-width: 200px;*/
  }
}
.mega-menu * {
  outline: none;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box !important;
  font-weight: 400;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
}
@media screen and (max-width: 992px) {
  .mega-menu * {
    word-break: break-all;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"menu "
Bootstrap 2.3.2 Snippet by prageen

Related: See More

Questions / Comments:

"menu " Bootstrap 2.3.2 Snippet by prageen

Related: See More

Questions / Comments:

"menu "
Bootstrap 2.3.2 Snippet by prageen