Bootstrap Snippet Header for restaurant 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="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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 ---------->
<div class="container">
    <div class="row">
        
     <header>
        
    <nav class="navbar navbar-expand-lg navbar-light text-light py-3 main-nav">
          <div class="container">
            <a class="navbar-brand" href="index.html"></a></a>
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse " id="navbarSupportedContent">
             <div class="row">
      
   
    
    </div>      </div>
     <ul class="ds-btn">
     <li>
         <a class="btn btn-lg btn-info " href="#">
         <i class="glyphicon glyphicon-dashboard pull-left"></i><span>+<br></span></a> 
            
        </li>
        <li>
         <a class="btn btn-lg btn-success " href="#">
         <i class="glyphicon glyphicon-dashboard pull-left"></i><span>ORDERS<br></span></a> 
            
        </li>
        <li>
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
.row{
    margin-left:0px;
    margin-right:0px;
}
#main_icon
{
    float:right;
   padding-right: 65px;
   padding-top:20px;
}
.nfooter{      position: fixed;
    bottom:11px;
    margin-left: 459px;
    background-color:#e3dddc;
}
.sub_icon
{
    float:right;
   padding-right: 65px;
   padding-top:10px;
}
.content-header {
  height: 65px;
  line-height: 65px;
}
.content-header h1 {
  margin: 0;
  margin-left: 20px;
  line-height: 65px;
  display: inline-block;
}
 
header .main-nav{
     background-color:#FA8072;
    position: fixed;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Header for restaurant "
Bootstrap 4.1.1 Snippet by nileshkardate

Related: See More

Questions / Comments:

"Header for restaurant " Bootstrap 4.1.1 Snippet by nileshkardate

Related: See More

Questions / Comments:

"Header for restaurant "
Bootstrap 4.1.1 Snippet by nileshkardate