This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
playground:atom [2017/07/13 21:24] michael |
playground:atom [2018/06/01 20:12] (current) |
||
|---|---|---|---|
| Line 38: | Line 38: | ||
| </head> | </head> | ||
| </html> | </html> | ||
| + | |||
| + | ------- | ||
| + | |||
| + | |||
| + | <html> | ||
| + | <head> | ||
| + | </head> | ||
| + | <body> | ||
| + | |||
| + | <div class="jumbotron text-center"> | ||
| + | <h1><center>My First Bootstrap Page</center></h1> | ||
| + | <p>Resize this responsive page to see the effect!</p> | ||
| + | </div> | ||
| + | | ||
| + | <div class="container"> | ||
| + | <div class="row"> | ||
| + | <div class="col-sm-4"> | ||
| + | <h3>Column 1</h3> | ||
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> | ||
| + | <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> | ||
| + | </div> | ||
| + | <div class="col-sm-4"> | ||
| + | <h3>Column 2</h3> | ||
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> | ||
| + | <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> | ||
| + | </div> | ||
| + | <div class="col-sm-4"> | ||
| + | <h3>Column 3</h3> | ||
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> | ||
| + | <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | </body> | ||
| + | </html> | ||
| + | |||