Bootstrap Tabs Nested In Fluid Columns

Hello, world!

This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.
Learn more

• Section 1
• Section 2

SectionOne

SectionTwo      

• Home
• Profile
• Messages

<div class="container"> <div class="row clearfix"> <div class="col-md-12 column"> <div class="jumbotron"> <h1> Hello, world! </h1> This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique. <br /> <a class="btn btn-primary btn-large" href="https://www.blogger.com/blogger.g?blogID=398067465316743738#">Learn more</a> </div> <div class="row clearfix"> <div class="col-md-10 column"> <div class="tabbable" id="tabs-763092"> <ul class="nav nav-tabs"> <li class="active"> <a data-toggle="tab" href="https://www.blogger.com/blogger.g?blogID=398067465316743738#panel-969377">Section 1</a> </li> <li> <a data-toggle="tab" href="https://www.blogger.com/blogger.g?blogID=398067465316743738#panel-613289">Section 2</a> </li> </ul> <div class="tab-content"> <div class="tab-pane active" id="panel-969377"> SectionOne</div> <div class="tab-pane" id="panel-613289"> <span style="color: red;"><b>SectionTwo      </b></span><br /><br /></div> </div> </div> </div> <div class="col-md-2 column"> <ul class="nav nav-pills nav-stacked"> <li class="active"><a href="https://www.blogger.com/blogger.g?blogID=398067465316743738#">Home</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=398067465316743738#">Profile</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=398067465316743738#">Messages</a></li> </ul> </div> </div> </div> </div> </div> <!--BEGIN HIDE BLOGGER SIDEBAR -------------------------------------> <br /> <br /> <style id="FF3" type="Text/css"> #sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;} #main-wrapper { width:100%!important;} .post { width:100%!important; } </style> <br /> <br /> <span style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 18.5px; padding-bottom: 4px;"></span><br /> <br /> <span style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 18.5px; padding-bottom: 4px;"><br /> </span>

Read More

JS: Remove Classes

class="myClass1 myClass2" id="myDiv"

<div class="myClass1 myClass2" id="myDiv"> </div> <input id="demo" type="button" value="Demo" /> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $("#demo").live("click", function () { //Get CSS class var classes = $("#myDiv").attr("class"); alert(classes); //Remove all CSS classes $("#myDiv").removeAttr("class"); //Get Updated CSS class var classes = $("#myDiv").attr("class"); alert(classes); }); </script>

Read More

JavaScript Copy Text To Field

Mailing Address

Name:
City:
Check this box if Billing Address and Mailing Address are the same.

Billing Address

Name:
City:

Read More

Bootstrap -Three Column

Three Column
  <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"></link><br /> <br /> <div class="container"> <div class="row clearfix"> <div class="col-md-10 column"> </div> </div> <div class="row clearfix"> <div class="col-md-3 column"> <h2> R1C1</h2> CO1<br /> <a class="btn" href="https://www.blogger.com/blogger.g?blogID=192373765027274067#">View details »</a> <br /> <h2> R2C1</h2> CO1<br /> <a class="btn" href="https://www.blogger.com/blogger.g?blogID=192373765027274067#">View details »</a><br /> <h2> R3C1</h2> CO1.<br /> <a class="btn" href="https://www.blogger.com/blogger.g?blogID=192373765027274067#">View details »</a> <br /> <h2> R1C2</h2> COl2<br /> <a class="btn" href="https://www.blogger.com/blogger.g?blogID=192373765027274067#">View details »</a> </div> <div class="col-md-3 column"> <h2> R2C2</h2> COl2<br /> <a class="btn" href="https://www.blogger.com/blogger.g?blogID=192373765027274067#">View details »</a> <br /> <h2> R3C2</h2> <br /> <a class="btn" href="https://www.blogger.com/blogger.g?blogID=192373765027274067#">View details »</a> <br /> <h2> R3C2</h2> COl2<br /> <a class="btn" href="https://www.blogger.com/blogger.g?blogID=192373765027274067#">View details »</a> <br /> <h2> R4C2</h2> COl2<br /> <a class="btn" href="https://www.blogger.com/blogger.g?blogID=192373765027274067#">View details »</a> <br /> <h2>  </h2> </div> <div class="col-md-3 column"> <h2> R1C3</h2> CO3<br /> <a class="btn" href="https://www.blogger.com/blogger.g?blogID=192373765027274067#">View details »</a> <br /> <h2> R1C3</h2> CO3<br /> <a class="btn" href="https://www.blogger.com/blogger.g?blogID=192373765027274067#">View details »</a> <br /> <h2> R2C3</h2> CO3<br /> <a class="btn" href="https://www.blogger.com/blogger.g?blogID=192373765027274067#">View details »</a> <br /> <h2> R3C3</h2> CO3<br /> <a class="btn" href="https://www.blogger.com/blogger.g?blogID=192373765027274067#">View details »</a> <br /> <br /> <h2>  </h2> </div> </div> </div>

---

<!--BEGIN HIDE BLOGGER SIDEBAR -------------------------------------> <br /> <br /> <style id="FF3" type="Text/css"> #sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;} #main-wrapper { width:100%!important;} .post { width:100%!important; } </style> <br /> <br /> <span style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 18.5px; padding-bottom: 4px;"></span><br /> <br /> <span style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 18.5px; padding-bottom: 4px;"><br /> </span>

Read More

About the Hobbs Act ~ Congressman Sam Hobbs (D-AL) HOBBS, Samuel Francis - Biographical Information

Hobbs Act

The Hobbs Act, named after Congressman Sam Hobbs (D-AL) and codified at 18 U.S.C. § 1951, is a U.S. federal law enacted in 1946 that provides:

(a) Whoever in any way or degree obstructs, delays, or affects commerce or the movement of any article or commodity in commerce, by robbery or extortion or attempts or conspires so to do, or commits or threatens physical violence to any person or property in furtherance of a plan or purpose to do anything in violation of this section shall be fined under this title or imprisoned not more than twenty years, or both.

Read More

Bootstrap: Nav Bars

• Home
• Profile
• Messages

This is a test.

• Home
• Profile
• Messages

• Home
• Profile
• Messages

Read More