HTML 5 Twitter Bootstrap Template

This is a quick page template that looks similar to my previous Light Weight HTML 5 Web Page Template but that uses the Twitter Bootstrap framework for look and feel. I use this as a base page for some quick projects.

<!DOCTYPE html>
    <!-- Bootstrap -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
      .container { padding-top: 25px; }
      img { padding-bottom: 20px; }
    <meta name="viewport" content="width=320px; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <link rel="apple-touch-icon" href="144x144.gif"/>
    <!-- Main Container -->
    <div class="container">
    <!-- Navigation Bar -->
    <div class="navbar navbar-inverse">
      <div class="navbar-inner">
        <a class="brand" href="#">Title</a>
        <ul class="nav">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#">Link</a></li>
          <li><a href="#">Link</a></li>
    <!-- End Navigation -->
    <div class="row">
      <div class="span3">
        <a href="#">Column 1</a>
      <div class="span3">
        <a href="#">Column 2</a>
      <div class="span3">
        <a href="#">Column 3</a>
      <div class="span3">
        <a href="#">Column 4</a>
    <script src=""></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <!-- End Container -->
comments powered by Disqus
html_5_twitter_bootstrap_template.txt · Last modified: 2020/06/01 22:53 (external edit)