Bootstrap
Bootstrap adalah HTML, CSS, dan JavaScript kerangka paling populer untuk mengembangkan responsif, situs web mobile-pertama. biasana untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang websie maupun pengembang sebuah halaman web.
Bootstrap adalah gratis untuk men-download dan menggunakan! anda bisa menggunakan bootstrap yang online atau anda bisa download bootstrap disini untuk offline nya.
NOTICE : JANGAN COPAS CODING BIAR GREGET + VAROKAH
Pada tutor kali ini kia akan belajar membuat Navigation Bar Bootstrap
script :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Case</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Ini Website</a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Halaman 1</a></li>
<li><a href="#">Halaman 2</a></li>
<li><a href="#">Halaman 3</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="jumbotron">
<h1>Belajar Bootstrap</h1>
<p>Bootstrap digunakan untuk menambah kesan lebih keren pada web</p>
<a href="#" class="btn btn-info btn-lg"><span class="glyphicon glyphicon-search"></span> Search</a>
</div>
<div class="row">
<div class="col-md-3">
<p>Tulis Disini !</p>
</div>
<div class="col-md-3">
<p>Tulis Disini !</p>
</div>
<div class="col-md-3">
<p>create by alamanonym © 2015</p>
</div>
<div class="col-md-3">
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu 1 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Submenu 1-1</a></li>
<li><a href="#">Submenu 1-2</a></li>
<li><a href="#">Submenu 1-3</a></li>
</ul>
</li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
</ul>
</div>
<div class="clearfix visible-lg"></div>
</div>
</div>
</body>
</html>
Ini SS-nya :
Tutor selanjutnya ada pada posting berikutnya, terimakasih
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.