Skip to content

Instantly share code, notes, and snippets.

View thorstensiefert's full-sized avatar

Thorsten Siefert thorstensiefert

  • Selbach / Germany
View GitHub Profile

Simple Bootstrap Accordion Interface

Built this for a project we are working on using Twitter Bootstrap (if you wonder why I added it to sources). The design is by Kenny Chan.

A Pen by auginator on CodePen.

License.

Bootstrap Snippet - Microsoft Modern (Metro) Tiles

Short SASS snippet and HTML markup to recreate Microsoft Modern (Metro) Tiles with Bootstrap

A Pen by Ace Subido on CodePen.

License.

Responsive contact form using Bootstrap 3 and Google Maps API

Responsive contact form using Bootstrap 3 and Google Maps API

A Pen by Craig Wheeler on CodePen.

License.

Pure css Bootstrap checkbox

Hide the pure css checkbox and use a pseudo-element to make a fake checkbox.

Pseudo-elements (::after) only work on elements that have content, so won't work on <input> elements. (http://www.w3.org/TR/CSS21/generate.html) Use a span and a ::before pseudo-element to insert a checkbox.

Place the input element inside the label so that clicking the label selects the input. (http://www.w3.org/wiki/HTML/Elements/label)

Using the checkbox Bootstrap provides as a font icon, but you can add any font, graphic or icon you like.