Skip to content

Instantly share code, notes, and snippets.

@pitosalas

pitosalas/gist:9437999

Created March 8, 2014 19:58
Show Gist options
  • Save pitosalas/9437999 to your computer and use it in GitHub Desktop.
Save pitosalas/9437999 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<!-- Latest compiled and minified CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row" style="margin-top:100px;">
<div class="col-lg-12">
<div style="font-size:240%;">
Trigger an alert when
<span class="input-group">
<span class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">class
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">NYSE</a>
</li>
<li><a href="#">NASDAQ</a>
</li>
<li><a href="#">Currency</a>
</li>
</ul>
</span>
<input type="text" class="form-control">
</span>
<!-- /input-group -->
changes more than amount since
<span class="dropdown">
<a href="#" id="dropdownMenu1" data-toggle="dropdown">this period</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation" class="menuitem" style="font-size:large; margin:4px;"><a href="#">yesterday</a>
</li>
<li role="presentation" class="menuitem" style="font-size:large; margin:4px;"><a href="#">last month</a>
</li>
<li role="presentation" class="menuitem" style="font-size:large; margin:4px;"><a href="#">last year</a>
</li>
</ul>
</span>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment