Fuel UX Boilerplate

Boilerplate JSFiddle you can use for testing latest 3x Fuel UX release.

by Christopher McCulloh

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
<script src="http://fuelux-snippets.herokuapp.com/img/favicon.ico"></script>
<script src="//www.fuelcdn.com/fuelux-utilities/1.0.0/js/fuelux-utilities.min.js"></script>
<script src="https://www.fuelcdn.com/fuelux/3/js/fuelux.min.js"></script>
<link rel="stylesheet" href="https://www.fuelcdn.com/fuelux/3/css/fuelux.min.css">
<body style="padding: 10px;" class="fuelux">
<form class="form-horizontal">
<fieldset>


<!-- change col-sm-N to reflect how you would like your column spacing (http://getbootstrap.com/css/#forms-control-sizes) -->


<!-- Form Name -->
<legend>Form Name</legend>

<!-- File Button http://getbootstrap.com/css/#forms -->
<div class="form-group">
  <label for="fileinput" class="control-label col-sm-2">File Input</label>
  <div class="col-sm-10">
  <input type="file" id="fileinput" name="fileinput">
  <p class="help-block">help</p>
  </div>
</div>
<!-- Bootstrap Select http://getbootstrap.com/css/#selects -->
<div class="form-group">
  <label class="control-label col-sm-2" for="bootstrapselect">Bootstrap Select</label>
  <div class="controls  col-sm-10">
    <select id="bootstrapselect" name="bootstrapselect" class="form-control" multiple="">
      <option>Option one</option>
      <option>Option two</option>
    </select>
    <p class="help-block">help</p>
  </div>
</div>

<!-- Fuel UX Select http://getfuelux.com/javascript.html#selectlist -->
<div class="form-group">
  <label class="control-label col-sm-2" for="selectlist">Selectlist</label>
  <div class="controls text-right col-sm-10">
    <div class="btn-group selectlist" data-initialize="selectlist" data-resize="auto" id="selectlist">
      <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
        <span class="selected-label">&nbsp;</span>
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
      </button>
      <ul...

CSS

body {
    padding: 20px;
}