lnickers2004’s gists

lnickers2004 / gist:8364376

Created January 10, 2014 23:02

Bootstrap3: Navbar Menu in header

	<!--navbar header container-->
	<header class="container">
	<div id="menu" class="navbar navbar-fixed-top navbar-default">

	<div class="navbar-header">
	<button class="navbar-toggle btn btn-primary btn-xs mgm-btn-xs"
	data-toggle="collapse"
	data-target=".navbar-collapse">
	<span class="glyphicon glyphicon-chevron-down" />
	</button>

lnickers2004 / gist:8364394

Created January 10, 2014 23:04

Bootstrap3: Page header with breadcrumb

	<!--page header with breadcrumb contact us heading-->
	<div class="page-header">
	<!-- <ol class="breadcrumb">
	<li><a href="/">Home</a></li>
	<li class="active">Contact</li>
	</ol>-->
	<h1><span class="mgm-oline">Contact Us</span></h1>
	</div>

lnickers2004 / gist:8364473

Created January 10, 2014 23:10

Address Section

	<!--address div-->
	<div>
	<address>
	Big Lebowski Fan Page<br />
	123 Main Street<br />
	Rug Ties The Room Together, CA 98765<br />
	<abbr title="Phone">P:</abbr>
	425.555.0100
	</address>
	<address>

lnickers2004 / gist:8365060

Created January 11, 2014 00:03

Bootstrap3: Input Groups Example

	<!--input groups example-->
	<div class="form-group">
	<label for="nameInput" class="control-label col-md-2">Your Name</label>
	<div class="col-md-10">
	<div class="input-group">
	<span class="input-group-addon"><span class="glyphicon glyphicon-chevron-down"></span></span>
	<input type="text"
	name="nameInput"
	class="form-control"
	value=""

lnickers2004 / gist:8365153

Last active January 2, 2016 21:39

Bootstrap3: pager prev next

	<!--prev next pager-->
	<ul class="pager">
	<li><a href="#">← Prev</a></li>
	<li><a href="#">Next →</a></li>
	</ul>

	<!-- full contaier width version-->

	<!--prev next pager full page or container width-->
	<ul class="pager">

lnickers2004 / gist:8365231

Last active January 2, 2016 21:39

Bootstap3: pagination control large version




	<!--pagination control pager-->
	<ul class="pagination pagination-lg">
	<li class="disabled"><a href="#">«</a></li>
	<li class="active"><a href="#">1</a></li>
	<li><a href="#">2</a></li>
	<li><a href="#">3</a></li>
	<li><a href="#">»</a></li>

lnickers2004 / gist:8366133

Created January 11, 2014 02:13

Bootstrap3: Responsive Thumbnail



	<!--responsive thumbnail-->
	<div class="col-md-4 col-sm-6">
	<a href="#" class="thumbnail">
	<img src="images/cloud-party-images/AaCTFmRoH.jpg" alt="4" class="img-responsive" /></a>
	</a>
	</div>

lnickers2004 / gist:8366313

Created January 11, 2014 02:41

Bootstrap3: captioned thumbnail image




	<!--captioned thumbnail image-->
	<div class="col-md-4 col-sm-6">
	<div class="thumbnail">
	<a href="#" class="thumbnail">
	<img src="images/cloud-party-images/vlcsnap-2013-09-29-23h31m11s213.png" alt="1" class="img-responsive" /></a>
	<div class="caption">
	<h3>Image 1</h3>

lnickers2004 / gist:8366480

Created January 11, 2014 03:06

Bootstrap3: List Group Example: photo attributions on anchor tag




	<!--list group example-->
	<ul class="list-group">
	<li class="list-group-item"><span class="badge"><span class="glyphicon glyphicon-book">15</span></span>
	<a href="http://www.flickr.com/photos/78011127@N00" property="cc:attributionName" rel="cc:attributionURL" target="_blank">ginnerobot</a> on <a href="http://www.flickr.com/photos/78011127@N00/3288988832" property="cc:attributionName" rel="cc:attributionURL" target="_blank">Flickr</a>
	</li>
	<li class="list-group-item active">
	<a href="http://www.flickr.com/photos/a4gpa" property="cc:attributionName" rel="cc:attributionURL" target="_blank">a4gpa</a> on <a href="http://www.flickr.com/photos/a4gpa/2311699407/" property="cc:attributionName" rel="cc:attributionURL" target="_blank">Flickr</a>

lnickers2004 / gist:8367891

Created January 11, 2014 06:51

Bootstrap3: panel with heading body and primary styling




	<!--panel with heading body and primary styling-->
	<div class="panel .mgm-card">
	<div class="panel-heading mgm-panel-lined">
	<div class="panel-title">
	<h2><span class="mgm-oline">Sidebar</span></h2>
	</div>
	</div>

Larry Nickerson lnickers2004