Bootstrap Basic template

Let us explain some thing about bootstrap basic template, which is the part of the below template. Here we have basic template containing with Bootstrap header, Bootstrap banner (marketing area), left side bar (for some listing), and Content area, last in the list is footer.

Please find the below list of basic template assets (sections of website), you can create a basic template by using below bootstrap sections.

Website Header(Logo-Navigation)

Website Banner Area

Left Side Section

Main Content Section


To align and to wrap elements into one container, we will have to use bootstrap container class, this container class make our website middle align of the window this as some sufficient padding, Bootstrap class called container itself, let have look into the below piece of code, try to include in the website.

<!DOCTYPE html>
  <html lang="en">
  <title>Bootstrap Example</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
      <div class="container">Twitter Bootstrap Container Example div</div>