Our Blog

How to remove padding from jumbotron in Bootstrap

If you are having trouble removing the padding from a jumbotron that sits in a container-fluid div in you bootstrap layout, there is a simple solution that you can implement.

This is an example of a correctly formatted jumbotron that spans 100% of the available screen space, without any padding on either side.

In the following code snippet, the jumbotron sits just below the navbar, and it spans the full width of the viewport, just like the navbar above it:

    <div class="container-fluid">
      <div class="row">
       <div id="jumbotron" class="jumbotron text-center">
         <h1>Our Blog</h1>
         <h2>Such a Simple Blog Layout</h2>
       </div><!-- /.jumbotron --> 
      </div><!-- /.row -->
    </div><!-- /.container -->

Check out the Our Blog bootstrap theme to see an example of a layout where this is implemented.

Read More

Quick intro to HTML

This is a quick intro to HTML.

HTML stands for "Hypertext markup language".

The term markup comes from print, and in the past

    <!doctype html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>Document</title>
        </head>
        <body>
            <h1>The title</h1>
            <p>A paragraph of text</p>
        </body>
    </html>

The term markup comes from print, and in the past

Read More

Want more Bootstrap themes & templates?

Subscribe to our mailing list to receive an update when new items arrive!