"Useful carousel and navigation "
Bootstrap 3.3.0 Snippet by oyilmaz

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>
<meta name="viewport" content="width=device-width" />
<script src="https://use.fontawesome.com/4170a39cd3.js"></script>
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="~/Content/myCss.css" rel="stylesheet" />
<body>
<div class="main-wrapper">
<header class="main-header">
<div class="row">
<!--Logo-->
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
My Logo Here
</div>
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
<nav class="main-nav">
<ul>
<li><a href="#">Bilgisayarlar</a></li>
<li><a href="#">Telefonlar</a></li>
<li><a href="#">Tabletler</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Hakkımızda</a></li>
</ul>
</nav>
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
.main-header
{
padding:15px 0;
border-bottom: 1px solid #eee;
}
.main-header .main-nav {
}
.main-header .main-nav ul{
list-style-type:none;
padding:0;
margin:0;
}
.main-header .main-nav ul:after{
clear:both;
content: ' ';
overflow:hidden;
display:block;
}
.main-header .main-nav ul li{
float:left;
}
.main-header .main-nav ul li a{
display:block;
padding:0;
margin:0 15px;
color:#52575d;
font-weight:bold;
font-family: 'Muli' ,sans-serif;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: