Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

by Znuff

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<form name="br-dnsrecord-manager" method="POST" action="">
<input type="hidden" name="token" value="47f343bbe47d14afe5f77df8c55f36c405c53ddf">
    <table class="table table-hover table-framed">
    <thead>
        <tr>
          <!-- <th class="text-center"><input type="checkbox" onclick="toggleCheckboxes('records[]', this.checked)"></th> -->
            <th class="col-md-3">Host Name</th>
            <th class="col-md-2">TTL</th>
            <th class="col-md-1 text-center">Type</th>
            <th class="col-md-5 text-center">Value</th>
            <th class="col-md-1">Delete</th>
    </tr></thead><tbody>
            <tr>
          <!-- <td class="text-center"><p class="form-control-static"><input class="records" type="checkbox" value="14" name="records[]"></p></td> -->
            <td><label><input class="form-control" type="text" name="name[]" value="znf.ro."></label></td>
            <td><label><input class="form-control" type="text" name="ttl[]" value="300"></label></td>
            <td><input type="hidden" name="type[]" value="A"><p class="form-control-static text-center">A</p></td>
            <td style="text-align:right;">
                                <div class="row">
                  <div class="col-md-12"><label><input class="form-control text-right" type="text" name="value[]" value="89.36.93.15">Address/Value</label></div>
                </div>
                <input type="hidden" name="priority[]" value="">
                <input type="hidden" name="port[]" value="">
                <input type="hidden" name="weight[]" value="">
                <input type="hidden" name="flag[]" value="">
                <input type="hidden" name="tag[]" value="">
                                                                            </td>
            <td>
               ...

CSS

/* Latest compiled and minified CSS included as External Resource*/

/* Optional theme */
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');

body {
    margin: 10px;
}

/* - Typography - */
.navbar-nav .menu-item { letter-spacing:0.06em!important; }
nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a {letter-spacing:0!important;}
.author-avatar img { border-radius: 95px; }
p { font-size: 16px; line-height: 28px; margin-bottom: 25px; }
a { -webkit-transition: color .1s ease-in, background .1s ease-in; -o-transition: color .1s ease-in, background .1s ease-in; -ms-transition: color .1s ease-in, background .1s ease-in; -moz-transition: color .1s ease-in, background .1s ease-in; color: #1abc9c; transition: color .1s ease-in, background .1s ease-in; word-wrap: break-word; }
a:focus, a:hover { color: #7b7b7b; outline: 0; text-decoration: none; }
a:after, a:before { -webkit-transition: color .1s ease-in, background .1s ease-in; transition: color .1s ease-in, background .1s ease-in; }
cite, dfn, em { font-style: italic; }
code, kbd, pre, samp, tt, var { font-family: Consolas, Bitstream Vera Sans Mono, Courier New, Courier, monospace !important; font-style: normal; }
pre { background: #fff; height: auto; margin-top: 20px; max-width: 98%; padding-left: 1em; }
del { color: #555; text-decoration: line-through; }
dfn, ins { border-bottom: 1px solid #ccc; }
abbr, acronym { font-size: 85%; letter-spacing: .1em; text-transform: uppercase; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { border-bottom: 1px solid #ccc; cursor: help; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
.text-spacing {letter-spacing: 4px;}

/* - General - */
html {overflow-x: hidden !important}
img { height: auto; max-width: 100%; }
hr { border: 0; border-top: 1px solid #ccc; display: block; height: 1px; margin: 1em 0; padding: 0; }
.single-title { text-align: center; font-weight: 400; text-transform: uppercase;...

JavaScript

/* Latest compiled and minified JavaScript included as External Resource */