Bootstrap Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.0/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<div class="container">
    <div class="row">
        <div class="span8">
            <div class="well">
                <h2>Bootstrap jsFiddle Skeleton</h2>
                <form class="form-horizontal">
                    <legend>Bootstrap Typeahead objects (type 'B' to see)</legend>
                    <div class="control-group">
                        <label class="control-label" for="ta1">name</label>
                        <div class="controls">
                            <input type="text" id="ta1" autocomplete="off" class="input-xlarge" />
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="ta2">object</label>
                        <div class="controls">
                            <input type="text" id="ta2" autocomplete="off" class="input-xlarge" />
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="street">street</label>
                        <div class="controls">
                            <input type="text" id="street" class="input-xlarge" />
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="city">city</label>
                        <div class="controls">
                            <input type="text" id="city" class="input-xlarge" />
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="state">state</label>
                        <div class="controls">
                           ...

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

.container {
    margin-top: 10px;
}

.typeahead li blockquote {
    border: 0;
    margin: 0;
    padding: 0;
}

.typeahead li a {
    white-space: normal;
}

.typeahead .active .muted {
    color: #ddd;
}

.typeahead li blockquote small:before {
    content: "";
}

JavaScript

/* =============================================================
 * bootstrap-typeahead.js v3.0.0
 * http://twitter.github.com/bootstrap/javascript.html#typeahead
 * =============================================================
 * Copyright 2012 Twitter, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ============================================================ */


!function($){

  "use strict"; // jshint ;_;


 /* TYPEAHEAD PUBLIC CLASS DEFINITION
  * ================================= */

  var Typeahead = function (element, options) {
    this.$element = $(element)
    this.options = $.extend({}, $.fn.typeahead.defaults, options)
    this.lookup = this.options.lookup || this.lookup
    this.matcher = this.options.matcher || this.matcher
    this.sorter = this.options.sorter || this.sorter
    this.querySensitive = this.options.querySensitive || this.querySensitive
    this.queryInsensitive = this.options.queryInsensitive || this.queryInsensitive
    this.sortBeginsWith = this.options.sortBeginsWith || this.sortBeginsWith
    this.sortSensitive = this.options.sortSensitive || this.sortSensitive
    this.sortInsensitive = this.options.sortInsensitive || this.sortInsensitive
    this.sortAny = this.options.sortAny || this.sortAny
    this.highlighter = this.options.highlighter || this.highlighter
    this.updater = this.options.updater || this.updater
    this.show = this.options.show || this.show
    this.showMenu = this.options.showMenu || this.showMenu
   ...