Difference between revisions of "Team:BIT-China/Notebook"
| Line 208: | Line 208: | ||
<div class="container"> | <div class="container"> | ||
| − | <div class=" | + | <!-- Main component for a primary marketing message or call to action --> |
| + | <div class="jumbotron"> | ||
| + | <h1 class="title-pos">TITLE{Project Name}</h1> | ||
| + | <p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p> | ||
| + | <p>To see the difference between static and fixed top navbars, just scroll.</p> | ||
| + | <p> | ||
| + | <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">View navbar docs »</a> | ||
| + | </p> | ||
| + | </div> | ||
| + | |||
| + | |||
<div class="demo"> | <div class="demo"> | ||
<div class="container"> | <div class="container"> | ||
| Line 241: | Line 251: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | + | ||
</div> <!-- /container --> | </div> <!-- /container --> | ||
Revision as of 02:53, 5 August 2017
TITLE{Project Name}
This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.
To see the difference between static and fixed top navbars, just scroll.
title
1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a blandit enim. Aliquam gravida orci id fringilla feugiat. Integer convallis ut ex quis semper. Suspendisse ut lobortis urna. Proin viverra, eros iaculis iaculis posuere, risus justo tincidunt ex, eget tempor lectus erat vel massa. Cum sociis natoque penatibus et magnis.
2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a blandit enim. Aliquam gravida orci id fringilla feugiat. Integer convallis ut ex quis semper. Suspendisse ut lobortis urna. Proin viverra, eros iaculis iaculis posuere, risus justo tincidunt ex, eget tempor lectus erat vel massa. Cum sociis natoque penatibus et magnis.
3 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a blandit enim. Aliquam gravida orci id fringilla feugiat. Integer convallis ut ex quis semper. Suspendisse ut lobortis urna. Proin viverra, eros iaculis iaculis posuere, risus justo tincidunt ex, eget tempor lectus erat vel massa. Cum sociis natoque penatibus et magnis.
</html>
