Bootstrap Component
  • Home
  • Darklight
  • Datepicker
  • Dialog
  • Dropdown
  • Fileuploader
  • Floater
  • Slider
  • Switch
  • Notify
  • Others

Others

Other components for Bootstrap.

  • Facebar
  • Checkbox
  • Radio

Facebar bootstrap-facebar.css

Examples

Facebar is simple css component for head with content.

Dead People

It's facebar time! You can set as user head box.



Dead People

It's facebar time! You can set as user head box.



Dead People

It's facebar time! You can set as user head box.



Dead People

It's facebar time! You can set as user head box.

Usage

Use facebar class for the top div. Set head class as facebar-head and content class as facebar-content.

<div class="facebar btn btn-primary">
	<div class="facebar-head">
		<img src="https://secure.gravatar.com/avatar/28db93d814ca44ead94ad1d3b7fb3c53" />
	</div>
	<div class="facebar-content">
		<h4>Dead People</h4>
		<p>It's facebar time! You can set as user head box.</p>
	</div>
</div>

Checkbox bootstrap-checkbox.js

Examples

Checkbox is enhanced UI for original checkbox.

Usage

Add hide class for the original checkbox. And add a button classed mark for the new checkbox.

<label class="checkbox">
	<input type="checkbox" class="hide" />
	<button class="btn mark">
		<span class="icon-ok"></span>
	</button>
	Check Me!
</label>

Radio bootstrap-radio.js

Examples

Radio is enhanced UI for original radio.

Usage

Add hide class for the original radio. And add a button classed mark for the new radio.

<label class="radio">
	<input type="radio" class="hide" />
	<button class="btn mark">
		<span class="icon2-circle-mini"></span>
	</button>
	Check Me!
</label>

Build By zombieJ.