<div class="controls">
<label class="checkbox">
<input type="checkbox" id="optionsCheckbox" value="option1">
- Option one is this and that—be sure to include why it’s great
+ Option one is this and that—be sure to include why it's great
</label>
</div>
</div>
<div class="controls">
<label class="checkbox">
<input type="checkbox" name="optionsCheckboxList1" value="option1">
- Option one is this and that—be sure to include why it’s great
+ Option one is this and that—be sure to include why it's great
</label>
<label class="checkbox">
<input type="checkbox" name="optionsCheckboxList2" value="option2">
<div class="controls">
<label class="radio">
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
- Option one is this and that—be sure to include why it’s great
+ Option one is this and that—be sure to include why it's great
</label>
<label class="radio">
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
</div>
<div class="span4">
<h3>For anchors and forms</h3>
- <p>Button styles can be applied to anything with the <code>.btn</code> applied. However, typically you’ll want to apply these to only <code><a></code> and <code><button></code> elements.</p>
+ <p>Button styles can be applied to anything with the <code>.btn</code> applied. However, typically you'll want to apply these to only <code><a></code> and <code><button></code> elements.</p>
</div>
<div class="span4">
<p><strong>Note:</strong> All buttons must include the <code>.btn</code> class. Button styles should be applied to <code><button></code> and <code><a></code> elements for consistency.</p>
<p>Wrap your message and an optional close icon in a div with simple class.</p>
<div class="alert">
<a class="close">×</a>
- <strong>Warning!</strong> Best check yo self, you’re not looking too good.
+ <strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>
<pre class="prettyprint linenums">
<div class="alert">
<a class="close">×</a>
- <strong>Warning!</strong> Best check yo self, you’re not looking too good.
+ <strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>
</pre>
<p>Easily extend the standard alert message with two optional classes: <code>.alert-block</code> for more padding and text controls and <code>.alert-heading</code> for a matching heading.</p>
<div class="alert alert-block">
<a class="close">×</a>
<h4 class="alert-heading">Warning!</h4>
- <p>Best check yo self, you’re not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
+ <p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
</div>
<pre class="prettyprint linenums">
<div class="alert alert-block">
<a class="close">×</a>
<h4 class="alert-heading">Warning!</h4>
- Best check yo self, you’re not...
+ Best check yo self, you're not...
</div>
</pre>
</div>
<h3>Information</h3>
<div class="alert alert-info">
<a class="close">×</a>
- <strong>Heads up!</strong> This alert needs your attention, but it’s not super important.
+ <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
</div>
<pre class="prettyprint linenums">
<div class="alert alert-info">
<p>The alerts plugin works on regular alert messages, and block messages.</p>
<div class="alert fade in">
<a class="close" data-dismiss="alert" href="#">×</a>
- <strong>Holy guacamole!</strong> Best check yo self, you’re not looking too good.
+ <strong>Holy guacamole!</strong> Best check yo self, you're not looking too good.
</div>
<div class="alert alert-block alert-error fade in">
<a class="close" data-dismiss="alert" href="#">×</a>
<div class="controls">
<label class="checkbox">
<input type="checkbox" id="optionsCheckbox" value="option1">
- {{_i}}Option one is this and that—be sure to include why it’s great{{/i}}
+ {{_i}}Option one is this and that—be sure to include why it's great{{/i}}
</label>
</div>
</div>
<div class="controls">
<label class="checkbox">
<input type="checkbox" name="optionsCheckboxList1" value="option1">
- {{_i}}Option one is this and that—be sure to include why it’s great{{/i}}
+ {{_i}}Option one is this and that—be sure to include why it's great{{/i}}
</label>
<label class="checkbox">
<input type="checkbox" name="optionsCheckboxList2" value="option2">
<div class="controls">
<label class="radio">
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
- {{_i}}Option one is this and that—be sure to include why it’s great{{/i}}
+ {{_i}}Option one is this and that—be sure to include why it's great{{/i}}
</label>
<label class="radio">
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
</div>
<div class="span4">
<h3>{{_i}}For anchors and forms{{/i}}</h3>
- <p>{{_i}}Button styles can be applied to anything with the <code>.btn</code> applied. However, typically you’ll want to apply these to only <code><a></code> and <code><button></code> elements.{{/i}}</p>
+ <p>{{_i}}Button styles can be applied to anything with the <code>.btn</code> applied. However, typically you'll want to apply these to only <code><a></code> and <code><button></code> elements.{{/i}}</p>
</div>
<div class="span4">
<p>{{_i}}<strong>Note:</strong> All buttons must include the <code>.btn</code> class. Button styles should be applied to <code><button></code> and <code><a></code> elements for consistency.{{/i}}</p>
<p>{{_i}}Wrap your message and an optional close icon in a div with simple class.{{/i}}</p>
<div class="alert">
<a class="close">×</a>
- <strong>{{_i}}Warning!{{/i}}</strong> {{_i}}Best check yo self, you’re not looking too good.{{/i}}
+ <strong>{{_i}}Warning!{{/i}}</strong> {{_i}}Best check yo self, you're not looking too good.{{/i}}
</div>
<pre class="prettyprint linenums">
<div class="alert">
<a class="close">×</a>
- <strong>{{_i}}Warning!{{/i}}</strong> {{_i}}Best check yo self, you’re not looking too good.{{/i}}
+ <strong>{{_i}}Warning!{{/i}}</strong> {{_i}}Best check yo self, you're not looking too good.{{/i}}
</div>
</pre>
<p>{{_i}}Easily extend the standard alert message with two optional classes: <code>.alert-block</code> for more padding and text controls and <code>.alert-heading</code> for a matching heading.{{/i}}</p>
<div class="alert alert-block">
<a class="close">×</a>
<h4 class="alert-heading">{{_i}}Warning!{{/i}}</h4>
- <p>{{_i}}Best check yo self, you’re not looking too good.{{/i}} Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
+ <p>{{_i}}Best check yo self, you're not looking too good.{{/i}} Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
</div>
<pre class="prettyprint linenums">
<div class="alert alert-block">
<a class="close">×</a>
<h4 class="alert-heading">{{_i}}Warning!{{/i}}</h4>
- {{_i}}Best check yo self, you’re not...{{/i}}
+ {{_i}}Best check yo self, you're not...{{/i}}
</div>
</pre>
</div>
<h3>{{_i}}Information{{/i}}</h3>
<div class="alert alert-info">
<a class="close">×</a>
- <strong>{{_i}}Heads up!{{/i}}</strong> {{_i}}This alert needs your attention, but it’s not super important.{{/i}}
+ <strong>{{_i}}Heads up!{{/i}}</strong> {{_i}}This alert needs your attention, but it's not super important.{{/i}}
</div>
<pre class="prettyprint linenums">
<div class="alert alert-info">
<p>{{_i}}The alerts plugin works on regular alert messages, and block messages.{{/i}}</p>
<div class="alert fade in">
<a class="close" data-dismiss="alert" href="#">×</a>
- <strong>{{_i}}Holy guacamole!{{/i}}</strong> {{_i}}Best check yo self, you’re not looking too good.{{/i}}
+ <strong>{{_i}}Holy guacamole!{{/i}}</strong> {{_i}}Best check yo self, you're not looking too good.{{/i}}
</div>
<div class="alert alert-block alert-error fade in">
<a class="close" data-dismiss="alert" href="#">×</a>
test("should fade element out on clicking .close", function () {
var alertHTML = '<div class="alert-message warning fade in">'
+ '<a class="close" href="#" data-dismiss="alert">×</a>'
- + '<p><strong>Holy guacamole!</strong> Best check yo self, you’re not looking too good.</p>'
+ + '<p><strong>Holy guacamole!</strong> Best check yo self, you're not looking too good.</p>'
+ '</div>'
, alert = $(alertHTML).alert()
var alertHTML = '<div class="alert-message warning fade in">'
+ '<a class="close" href="#" data-dismiss="alert">×</a>'
- + '<p><strong>Holy guacamole!</strong> Best check yo self, you’re not looking too good.</p>'
+ + '<p><strong>Holy guacamole!</strong> Best check yo self, you're not looking too good.</p>'
+ '</div>'
, alert = $(alertHTML).appendTo('#qunit-fixture').alert()