htmlstrap

.clear-select {
  border: none;
  border-radius: 0;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  text-indent: 0.01px;  // Need this to hide default select in FF
  text-overflow: '';  // Need this to hide default select in FF

htmlstrap

<script>
var dismiss = '[data-dismiss="alert"]'

 // ALERT DATA-API
var buttons = '[data-toggle="buttons"]'

 // BUTTON DATA-API
var button ='[data-toggle="button"]'

// CAROUSEL DATA-API

htmlstrap

Hover effect of .box-panel

Pure HTML5+CSS3 The example of changing the text color and background from grey to a black/white when hover. Also you can see the image rotation at the same time.

A Pen by htmlstrap on CodePen.

License.

htmlstrap

Hover effect of .box-panel

Pure HTML5+CSS3 The example of changing the text color and background from grey to a black/white when hover. Also you can see the image rotation at the same time.

A Pen by htmlstrap on CodePen.

License.

htmlstrap

Here are all the classes from Bootstrap 3 (version 3.1.1).

Method of extraction:

1.  Download Bootstrap 3 and rename bootstrap.css as "bootstrap.html"
2.  Add the following 24 lines of code to the very bottom of the bootstrap.html file:

    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
    <script>

htmlstrap

var fs = require('fs')
  , read = fs.readFileSync
  , css_parse = require('css-parse');

var parsedCss = css_parse(read("./path/to/bootstrap.min.css", 'utf8'));
var collectedClassnames = {}

for (var i = 0; i < parsedCss.stylesheet.rules.length; ++i) {
  var rule = output_obj.stylesheet.rules[i];
  

htmlstrap

.navbar
.caret
.label
.table
.img-responsive
.img-rounded
.img-thumbnail
.img-circle
.sr-only
.lead