Bootstrap 3 Skeleton

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

by metaxos

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<nav class="navbar navbar-inverse" role="navigation">
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <a class="navbar-brand" href="#">Suter & Joerin Callback APP</a>
	<p class="navbar-text navbar-right">Urs Wartenweiler</p>  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav navbar-right">
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Adminfunktionen <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Stammdaten</a></li>
          <li><a href="#">Benutzer</a></li>
        </ul>
      </li>
      <li class="active"><a href="#">Abmelden</a></li>
    </ul>
  </div><!-- /.navbar-collapse -->
</nav>

<div class="panel panel-default">
	<div class="panel-body">
		
		<br />
		<!-- Nav tabs -->
		<ul class="nav nav-tabs">
			<li class="active"><a href="#home" data-toggle="tab">Aktive
					Liste</a></li>
			<li><a href="#profile" data-toggle="tab">Archiv</a></li>
		</ul>
		<!-- Tab panes -->
		<div class="tab-content">
			<div class="tab-pane active" id="home">
				<br /> <br />
				<div class="panel panel-warning">
					<div class="panel-heading">
						<b>Nicht zugewiesene Calls</b>
					</div>
					<div class="panel-body">
						<table class="table">
							<thead>
								<tr>
									<th class="col-sm-3"><b>Name</b></th>
									<th class="col-sm-3"><b>Telefonnummer</b></th>
									<th class="col-sm-3"><b>Eingang</b></th>
									<th class="col-sm-3"><b>Zuweisen</b></th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Frei Toni</td>
									<td>061 555 16 17</td>
									<td>21.11.2013 17:15</td>
									<td><span title="Call nehmen"
										class="glyphicon...

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

JavaScript

$('#home a').click(function (e) {
    e.preventDefault()
    $(this).tab('show')
})