Optimize the learning: bootstrap templates



1) Choosing a topic.
2) Start diving into the lessons.

 Bootstrap Template:

 
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>Template</title>
   <link rel="stylesheet" type="text/css" href="main.css">

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js">
</script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />

</head>
<body>
<div class="container">
    <p>Hello</p>
</div>

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/js/bootstrap.min.js"></script>

</body>
</html>


Buttons and types:
<button type="button" class="btn btn-lg btn-default">Default</button>
<button type="button" class="btn btn-lg btn-primary">Primary</button>
<button type="button" class="btn btn-lg btn-success">Success</button>
<button type="button" class="btn btn-lg btn-info">Info</button>
<button type="button" class="btn btn-lg btn-warning">Warning</button>
<button type="button" class="btn btn-lg btn-danger">Danger</button>
 <button type="button" class="btn btn-lg btn-link">Link</button>








NavBars: Navbar code






































Comments











Post a Comment



















Popular Posts