BlogRoll - Sites, Portfolio and Blogs

Read More

Bootstrap: Sample Under Development

Brand

• Link
• Link
• Dropdown
  • Action
  • Another action
  • Something else here
  • Separated link
  • One more separated link

• Link
• Dropdown
  • Action
  • Another action
  • Something else here
  • Separated link

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

• Home
• Profile
• Messages
• Dropdown
  • Action
  • Another action
  • Something else here
  • Separated link

• Action
• Another action
• Something else here

Read More

Examples: HTML5 Local Storage

Storage Events

Directions: open multiple windows or tabs with this demo and change the text below.

The storage event triggers on the "blurred" windows, giving us a way to communicate across windows using localStorage.

Your test data: (this is only echoed on other windows)

Waiting for data via storage event...

Read More

Stacked Navs

2

<ul class="nav nav-stacked nav-pills"> <li class="active"> <a href="https://www.blogger.com/blogger.g?blogID=192373765027274067#">Home</a> </li> <li> <a href="https://www.blogger.com/blogger.g?blogID=192373765027274067#">Profile</a> <div class="panel-group" id="panel-790548"> <div class="panel panel-default"> <div class="panel-heading"> <a class="panel-title" data-toggle="collapse" data-parent="#panel-790548" href="#panel-element-712703">Collapsible Group Item #1</a> </div> <div id="panel-element-712703" class="panel-collapse collapse in"> <div class="panel-body"> Anim pariatur cliche... </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <a class="panel-title" data-toggle="collapse" data-parent="#panel-790548" href="#panel-element-246103">Collapsible Group Item #2</a> </div> <div id="panel-element-246103" class="panel-collapse collapse"> <div class="panel-body"> Anim pariatur cliche... </div> </div> </div> </div> </li> <li class="disabled"> <a href="https://www.blogger.com/blogger.g?blogID=192373765027274067#">Messages</a> </li> </li> </ul>

Read More

Bootstrap: Wide 10-2-8 - Tabs Stacked

• Section 1
• Section 2

I'm in Section 1.

Howdy, I'm in Section 2.

Read More

Bootstrap: Creating Dynamic Tabs via Data Attributes

• Section A
• Section B
• Dropdown
  • Dropdown 1
  • Dropdown 2

Section A content…

Dropdown 1 content…

Dropdown 2 content…

Read More