',trigger:"hover",title:"",delay:0,html:!0}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype,{constructor:t,setContent:function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content > *")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var e,t=this.$element,n=this.options;return e=t.attr("data-content")||(typeof n.content=="function"?n.content.call(t[0]):n.content),e},tip:function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}}),e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("popover"),s=typeof n=="object"&&n;i||r.data("popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.defaults=e.extend({},e.fn.tooltip.defaults,{placement:"right",trigger:"click",content:"",template:'
Base CSS
Fundamental HTML elements styled and enhanced with extensible classes.
+
@@ -91,8 +92,10 @@
@@ -1284,15 +1287,107 @@ For example, <code><section></code> should be wrapped as inlin
<input class="span1" type="text" placeholder=".span1">
</div>
...
+
+
+
+
+
+
+
+
+
+
+Small labels
+If you have a lot of fields in a form, you might want to use three or four columns. However labels can start taking up to much space. Simple add .small-labels to a horizontal form (or section within a form) to solve this.
+<form class="form-horizontal small-labels"> + … +</div>
Uneditable inputs
Present data in a form that's not editable without using actual form markup.
<span class="input-xlarge uneditable-input">Some value here</span> +<div class="input-xlarge uneditable-textarea" rows="3"> + Some text here + on multiple lines +</div> ++ +
Editor textarea
+Add .editor to any textarea or .uneditable-textarea to create a larger field for content editing.
Also add .editor-html, if the textarea will be replaced by e.g. CKEditor or TinyMCE.
+<textarea class="editor"> + Some text here + on multiple lines +</textarea>
Form actions
@@ -1572,6 +1667,91 @@ For example, <code><section></code> should be wrapped as inlin + +
+
+
+ Action links
+Alternative style for actions
+Sometimes a button will pull to much attention to an action. In those cases, you can use action links instead.
+Action links can be used just like buttons, simply use .act instead.
| Action link | +Class | +Description | +
|---|---|---|
| Default | +.act |
+ Standard gray text | +
| Primary | +.act-primary |
+ Provides extra visual weight | +
| Info | +.act-info |
+ Used as an alternate to the default styles | +
| Success | +.act-success |
+ Indicates a successful or positive action | +
| Warning | +.act-warning |
+ Indicates caution should be taken with this action | +
| Danger | +.act-danger |
+ Indicates a dangerous or potentially negative action | +
+
+
+
+
+ Delete account
+
+ +<div class="form-actions"> + <button class="btn btn-primary" type="submit">Save changes</button> + <button class="btn" type="reset">Cancel</button> + <a href="#" class="act act-danger pull-right">Delete account</a> +</div> ++ +
Disabled state
+For disabled action links, use .disabled for links and the disabled attribute for <button> elements.
+
+
+
+
+
+
+ +<div class="form-actions"> + <button class="btn btn-primary" type="submit">Save changes</button> + <button class="btn" type="reset">Cancel</button> + <button class="act act-danger pull-right" disabled="disabled">Disabled action</button> +</div> ++
+<div class="tabbable tabs-right"> + <ul class="nav nav-tabs"> + ... + </ul> + <div class="tab-content"> + ... + </div> +</div> ++ +
Bordered tabbable
+You can place a border around the tab content by adding .tabbable-bordered to the .tabbable.
+
+
+
+
+
+
+
+
+ I'm in Section A.
+
+
+ Howdy, I'm in Section B.
+
+
+ What up girl, this is Section C.
++<div class="tabbable tabbable-bordered"> + <ul class="nav nav-tabs"> + ... + </ul> + <div class="tab-content"> + ... + </div> +</div>@@ -2015,6 +2082,26 @@ </div> +
Page alerts
+Know those nice little alerts after you save your profile? With .page-alert the alert will be shown on top op your page.
+
+
+
+
+ ×
+ Success! Your profile information has been saved.
+
+ Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
++<body> + <div class="navbar"> ... </div> + <div class="page-alert"> + <div class="alert"> + ... + </div> + </div> +@@ -2289,8 +2376,10 @@ class="clearfix"
Designed and built with all the love in the world @twitter by @mdo and @fat.
+Extended with pride by @ArnoldDaniels of Jasny Software solutions.
Code licensed under the Apache License v2.0. Documentation licensed under CC BY 3.0.
Icons from Glyphicons Free, licensed under CC BY 3.0.
+Iconic icon set font, licensed under the SIL Open Font License.