HTML
Appearance
<!DOCTYPE html> <html> <head>
<title> Try It Yourself </title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" /> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" />
</head> <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <a class="navbar-brand" href="#"> Brand </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> </button>
</nav>
Hello World!
Lorem ipsum dolor sit amet.
- Share this!
- Google Plus
Hello World!
Lorem ipsum dolor sit amet.
Pellentesque tellus augue, ullamcorper id erat eget, venenatis feugiat purus. Etiam sit amet odio lacinia, mollis odio at, tincidunt mauris. Pellentesque id diam metus. Sed facilisis, mi vel ultricies gravida, sapien magna auctor odio, ullamcorper ullamcorper nisl dui in velit. Morbi at dignissim odio. Praesent dapibus, elit at pulvinar interdum, lectus justo fermentum lacus, quis ornare nisi felis eu arcu. Cras et tortor ullamcorper ante dapibus mattis at nec tortor. Sed pellentesque erat non lectus placerat cursus.
<img src="images/road-big.jpg" class="img-fluid rounded" />
<img class="card-img-top" src="images/snow.jpg" alt="Card image cap">
Card title
Lorem ipsum dolor sit amet. Put some text here.
- I love apples
- Do you love them too
- Yes for sure
<a href="#" class="card-link"> Card link </a>
<footer class="footer mt-auto py-3 bg-dark">
This is a footer. This is a text.
</footer> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body> </html>