ozee

$(document).ready(function() {
  $("myLink").click(function() {
    $("html, body").animate({
      scrollTop: $($(this).attr("href")).offset().top + "px"
    }, {
      duration: 450,
      easing: "easeOutBounce"
    });
    return false;
  });

ozee

<div class="span3 well">
  <legend>New to WebApp? Sign up!</legend>
  <form accept-charset="UTF-8" action="" method="post">
    <input class="span3" name="name" placeholder="Full Name" type="text">
    <input class="span3" name="username" placeholder="Username" type="text">
    <input class="span3" name="password" placeholder="Password" type="password">
    <button class="btn btn-warning" type="submit">Sign up for WebApp</button>
  </form>
</div>

ozee

<div class="row">
    <div class="span4 offset4">
        <div class="well">
            <legend>Sign in to WebApp</legend>
            <form method="POST" action="" accept-charset="UTF-8">
                <div class="alert alert-error">
                    <a class="close" data-dismiss="alert" href="#">x</a>
                    Incorrect Username or Password!
                </div>
                <input class="span3" placeholder="Username" type="text" name="username">

ozee

<div class="navbar">
    <div class="navbar-inner">
        <div class="container">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="#">WebApp</a>
            <div class="nav-collapse">

ozee

<div class="btn-toolbar">
    <div class="btn-group">
        <button class="btn" data-original-title="Bold - Ctrl+B"> <i class="icon-bold"></i>
        </button>
        <button class="btn" data-original-title="Italic - Ctrl+I"> <i class="icon-italic"></i>
        </button>
        <button class="btn" data-original-title="List">
            <i class="icon-list"></i>
        </button>
        <button class="btn" data-original-title="Img">

ozee

<div class="container">
    <div class="row">
        <div class="span4 offset4 well">
            <legend>Please Sign In</legend>
            <div class="alert alert-error">
                <a class="close" data-dismiss="alert" href="#">×</a>
                Incorrect Username or Password!
            </div>
            <form method="POST" action="" accept-charset="UTF-8">
                <input type="text" id="username" class="span4" name="username" placeholder="Username">

ozee

<div class="span4">
    <h1>Formatting drive C:</h1>
    36% Formatted
    <span class="pull-right">Please wait...</span>
    <div class="progress progress-striped active">
        <div class="bar" style="width: 36%;"></div>
    </div>
    <p>
        <button class="btn btn-primary disabled" type="button">Format</button>
        <button class="btn btn-mini" type="button">Cancel</button>

ozee

<div class="row">
    <div class="span5">
        <h4>
            <a href="#">Lesson 1</a>
        </h4>
        <p>
            Overview of the course, prerequisites, instructor contact information, syllabus, location information
        </p>
    </div>
    <div class="span3">

ozee

<div class="span6">
    <h5>Poll: Where do you usually browse</h5> <strong>Windows PC</strong>
    <span class="pull-right">30%</span>
    <div class="progress progress-danger active">
        <div class="bar" style="width: 30%;"></div>
    </div> <strong>Mac</strong>
    <span class="pull-right">40%</span>
    <div class="progress progress-info active">
        <div class="bar" style="width: 40%;"></div>
    </div>

ozee

<table class="table-condensed table-bordered table-striped">
    <thead>
        <tr>
            <th colspan="7" class="btn-group" >
                <a class="btn"> <i class="icon-chevron-left"></i>
                </a>
                <a class="btn">February 2012</a>
                <a class="btn"> <i class="icon-chevron-right"></i>
                </a>
            </th>