migrate-attributes-github2drupal.html in Bootstrap 3 shortcodes 7

[container] parameters

Parameter	Description	Required	Values	Default
fluid	Is the container fluid? (see Bootstrap documentation for details)	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[row] parameters

Parameter	Description	Required	Values	Default
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[column] parameters

Parameter	Description	Required	Values	Default
xs	Size of column on extra small screens (less than 768px)	optional	1-12	false
sm	Size of column on small screens (greater than 768px)	optional	1-12	false
md	Size of column on medium screens (greater than 992px)	optional	1-12	false
lg	Size of column on large screens (greater than 1200px)	optional	1-12	false
offset_xs	Offset on extra small screens	optional	1-12	false
offset_sm	Offset on small screens	optional	1-12	false
offset_md	Offset on column on medium screens	optional	1-12	false
offset_lg	Offset on column on large screens	optional	1-12	false
pull_xs	Pull on extra small screens	optional	1-12	false
pull_sm	Pull on small screens	optional	1-12	false
pull_md	Pull on column on medium screens	optional	1-12	false
pull_lg	Pull on column on large screens	optional	1-12	false
push_xs	Push on extra small screens	optional	1-12	false
push_sm	Push on small screens	optional	1-12	false
push_md	Push on column on medium screens	optional	1-12	false
push_lg	Push on column on large screens	optional	1-12	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap grid documentation.

---

Lead body copy

[lead] ... [/lead]

[lead] parameters

Parameter	Description	Required	Values	Default
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap body copy documentation

---

Emphasis classes

[emphasis type="success"] ... [/emphasis]

[emphasis] parameters

Parameter	Description	Required	Values	Default
type	The type of label to display	required	muted, primary, success, info, warning, danger	muted
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap emphasis classes documentation

---

Code

[code] ... [/code]

[code] parameters

Parameter	Description	Required	Values	Default
inline	Display inline code	optional	true, false	false
scrollable	Set a max height of 350px and provide a scroll bar. Not usable with inline="true".	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap code documentation

---

Tables

[table-wrap bordered="true" striped="true"]

    Standard HTML table code goes here.

[/table-wrap]

[table-wrap] parameters

Parameter	Description	Required	Values	Default
bordered	Set "bordered" table style (see Bootstrap documentation)	optional	true, false	false
striped	Set "striped" table style (see Bootstrap documentation)	optional	true, false	false
hover	Set "hover" table style (see Bootstrap documentation)	optional	true, false	false
condensed	Set "condensed" table style (see Bootstrap documentation)	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap table documentation

---

Buttons

[button type="success" size="lg" link="#"] ... [/button]

[button] parameters

Parameter	Description	Required	Values	Default
type	The type of the button	optional	default, primary, success, info, warning, danger, link	default
size	The size of the button	optional	xs, sm, lg	none
block	Whether the button should be a block-level button	optional	true, false	false
dropdown	Whether the button triggers a dropdown menu (see Button Dropdowns)	optional	true, false	false
active	Apply the "active" style	optional	true, false	false
disabled	Whether the button be disabled	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
link	The url you want the button to link to	optional	any valid link	none
target	Target for the link	optional	any valid target	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap button documentation

---

Images

[img type="circle" responsive="true"] ... [/img]

Wrap any number of HTML image tags or images inserted via the WordPress media manager.

[img] parameters

Parameter	Description	Required	Values	Default
type	The effect to apply to wrapped images	optional	rounded, circle, thumbnail	false
responsive	Make the wrapped images responsive	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap images documentation

---

Responsive Utilities

[responsive visible_block="lg md" hidden="sn xs"] ... [/responsive]

[reponsive] parameters

Parameter	Description	Required	Values	Default
visible	Sizes at which this element is visible (separated by spaces) NOTE: as of Bootstrap 3.2 "visible" is deprecated in favor of "block", "inline", and "inline-block" (see below)	optional	xs, sm, md, lg	false
hidden	Sizes at which this element is hidden (separated by spaces)	optional	xs, sm, md, lg	false
block	Sizes at which this element is visible and displayed as a "block" element (separated by spaces)	optional	xs, sm, md, lg	false
inline	Sizes at which this element is visible and displayed as an "inline" element (separated by spaces)	optional	xs, sm, md, lg	false
inline_block	Sizes at which this element is visible and displayed as an "inline-block" element (separated by spaces)	optional	xs, sm, md, lg	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap emphasis classes documentation

---

Components

Icons

[icon type="arrow"]

[icon] parameters

Parameter	Description	Required	Values	Default
type	The type of icon you want to display	required	See Bootstrap docs	none
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap Glyphicons documentation

---

Button Groups

Basic example

[button-group size="lg" justified="" vertical=""]
    [button link="#"] ... [/button]
    [button link="#"] ... [/button]
    [button link="#"] ... [/button]
[/button-group]

Button toolbar

[button-toolbar]
    [button-group]
        [button link="#"] ... [/button]
        [button link="#"] ... [/button]
        [button link="#"] ... [/button]
    [/button-group]
    [button-group]
        [button link="#"] ... [/button]
        [button link="#"] ... [/button]
        [button link="#"] ... [/button]
    [/button-group]
    [button-group]
        [button link="#"] ... [/button]
    [/button-group]
[/button-toolbar]

[button-group] parameters

Parameter	Description	Required	Values	Default
size	The size of the button group	optional	xs, sm, lg	none
justified	Whether button group is justified	optional	true, false	false
vertical	Whether button group is vertical	optional	true, falsetd>	false
dropup	Must correspond with the use of [dropdown]	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[button-toolbar] parameters

Parameter	Description	Required	Values	Default
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap button groups documentation

---

Button Dropdowns

Button Dropdowns can be accomplished by combining the [button-group] shortcode, the "data" parameters of the [button] shortcode, and [dropdown] shortcode as follows.

Single button dropdowns

[button-group]
    [button link="#" dropdown="true" data="toggle,dropdown"] ... [caret][/button]
    [dropdown]
        [dropdown-header] ... [/dropdown-header]
        [dropdown-item link="#"] ... [/dropdown-item]
        [dropdown-item link="#"] ... [/dropdown-item]
        [dropdown-item link="#"] ... [/dropdown-item]
        [divider]
        [dropdown-item link="#"] ... [/dropdown-item]
    [/dropdown]
[/button-group]

Split button dropdowns

[button-group]
    [button link="#"] ... [/button]
    [button dropdown="true" data="toggle,dropdown"][caret][/button]
    [dropdown]
        [dropdown-item link="#"] ... [/dropdown-item]
        [divider]
        [dropdown-item link="#"] ... [/dropdown-item]
    [/dropdown]
[/button-group]

Dropup variation

[button-group dropup="true"]
    [button link="#"] ... [/button]
    [button dropdown="true" data="toggle,dropdown"][caret][/button]
    [dropdown]
        [dropdown-item link="#"] ... [/dropdown-item]
        [divider]
        [dropdown-item link="#"] ... [/dropdown-item]
    [/dropdown]
[/button-group]

[dropdown] parameters

Parameter	Description	Required	Values	Default
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[dropdown-item] parameters

Parameter	Description	Required	Values	Default
link	The url you want the dropdown-item to link to	optional	any valid link	none
disabled	Whether this menu-item is disabled	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[dropdown-header] parameters

Parameter	Description	Required	Values	Default
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[caret] parameters

Parameter	Description	Required	Values	Default
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[divider] parameters

Parameter	Description	Required	Values	Default
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap button dropdowns documentation

---

Navs

[nav type="pills"]
    [nav-item link="#"] ... [/nav-item]
    [nav-item link="#"] ... [/nav-item]
    [nav-item link="#"] ... [/nav-item]
[/nav]

Nav with dropdowns

[nav type="pills"]
    [nav-item link="#" active="true"] ... [/nav-item]
    [nav-item dropdown="true" link="#"] ... [caret]
        [dropdown]
            [dropdown-item link="#"] ... [/dropdown-item]
            [dropdown-item link="#"] ... [/dropdown-item]
        [/dropdown]
    [/nav-item]
[/nav]

[nav] parameters

Parameter	Description	Required	Values	Default
type	The type of nav	required	tabs, pills	tabs
stacked	Whether the nav is stacked (should be used with "pills" type	optional	true, false	false
justified	Whether the nav is justified	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[nav-item] parameters

Parameter	Description	Required	Values	Default
link	The url you want the dropdown-item to link to	optional	any valid link	none
active	Whether the item has the "active" style applied	optional	true, false	false
disabled	Whether the item is disabled	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap button navs documentation

---

Breadcrumbs

[breadcrumb]
    [breadcrumb-item link="#"] ... [/breadcrumb-item]
    [breadcrumb-item link="#"] ... [/breadcrumb-item]
    [breadcrumb-item link="#"] ... [/breadcrumb-item]
[/breadcrumb]

[breadcrumb] parameters

Parameter	Description	Required	Values	Default
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[breadcrumb-item] parameters

Parameter	Description	Required	Values	Default
link	The url you want the breadcrumb-item to link to	optional	any valid link	none
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap breadcrumbs documentation

---

Labels

[label type="success"] ... [/label]

[label] parameters

Parameter	Description	Required	Values	Default
type	The type of label to display	optional	default, primary, success, info, warning, danger	default
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap label documentation

---

Badges

[badge right="true"] ... [/badge]

[badge] parameters

Parameter	Description	Required	Values	Default
right	Whether the badge should align to the right of its container	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap badges documentation

---

Jumbotron

[jumbotron title="My Jumbotron"] ... [/jumbotron]

[jumbotron] parameters

Parameter	Description	Required	Values	Default
title	The jumbotron title	optional	Any text	none
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap jumbotron documentation

---

Page Header

[page-header] ... [/page-header]

Automatically inserts H1 tag if not present

[page-header] parameters

Parameter	Description	Required	Values	Default
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap page-header documentation

---

Thumbnails

[thumbnail] ... [/thumbnail]
[thumbnail] ... [/thumbnail]
[thumbnail] ... [/thumbnail]

[thumbnail] parameters

Parameter	Description	Required	Values	Default
has_content	Set to "true" if this thumbnail contains more than just an image or linked image as in Bootstrap's thumbnail documentation.	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap thumbnails documentation

---

Alerts

[alert type="success"] ... [/alert]

[alert] parameters

Parameter	Description	Required	Values	Default
type	The type of the alert	required	success, info, warning, danger	success
dismissable	If the alert should be dismissable	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap alert documentation

---

Progress Bars

[progress striped="true"]
    [progress-bar percent="50"]
    [progress-bar percent="25" type="success"]
[/progress]

[progress] parameters

Parameter	Description	Required	Values	Default
striped	Whether enclosed progress bars will be striped	optional	true, false	false
animated	Whether enclosed progress bars will be animated	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[progress-bar] parameters

Parameter	Description	Required	Values	Default
percent	The percentage amount to show in the progress bar	required	any number between 0 and 100	false
label	Whether to show the percentage as a text label inside the bar	optional	true, false	false
type	The type of the progress bar	optional	default, primary, success, info, warning, danger	default
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap progress bars documentation

---

Media Objects

[media]
  [media-object pull="right"]
    ...
  [/media-object]
  [media-body title="Testing"]
    ...
  [/media-body]
[/media]

[media] parameters

Parameter	Description	Required	Values	Default
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[media-object] parameters

Parameter	Description	Required	Values	Default
pull	Whether the image pulls to the left or right	optional	left, right	right
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[media-body] parameters

Parameter	Description	Required	Values	Default
title	The object title	required	Any text	none
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

NOTE: media-object should contain an image, or linked image, inserted using the WordPress TinyMCE editor

Bootstrap media objects documentation

---

List Groups

Basic Example

[list-group]
  [list-group-item]
    ...
  [/list-group-item]
  [list-group-item]
    ...
  [/list-group-item]
  [list-group-item]
    ...
  [/list-group-item]
[/list-group]

Linked Items

[list-group linked="true"]
  [list-group-item link="#" active="true"]
    ...
  [/list-group-item]
  [list-group-item link="#"]
    ...
  [/list-group-item]
  [list-group-item link="#"]
    ...
  [/list-group-item]
[/list-group]

Custom Content

[list-group linked="true"]
  [list-group-item link="#" active="true"]
    [list-group-item-heading]...[/list-group-item-heading]
    [list-group-item-text]...[/list-group-item-text]
  [/list-group-item]
  [list-group-item link="#"]
    [list-group-item-heading]...[/list-group-item-heading]
    [list-group-item-text]...[/list-group-item-text]
  [/list-group-item]
  [list-group-item link="#"]
    [list-group-item-heading]...[/list-group-item-heading]
    [list-group-item-text]...[/list-group-item-text]
  [/list-group-item]
[/list-group]

[list-group] parameters

Parameter	Description	Required	Values	Default
linked	Whether this is a linked list group, or a standard one	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[list-group-item] parameters

Parameter	Description	Required	Values	Default
link	The url you want the list item to link to Must correspond with the "linked" parameter in [list-group]	optional	any text	false
type	The type of the list-group-item	optional	primary, success, info, warning, danger, link	none
active	Whether the item has the "active" style applied	optional	true, false	false
target	Target for the link	optional	any valid target	none
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[list-group-item-heading] parameters

Parameter	Description	Required	Values	Default
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[list-group-item-text] parameters

Parameter	Description	Required	Values	Default
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap list groups documentation

---

Panels

[panel type="info" heading="Panel Title" footer="Footer text"] ... [/panel]

[panel] parameters

Parameter	Description	Required	Values	Default
type	The type of the panel	optional	default, primary, success, info, warning, danger, link	default
heading	The panel heading	optional	any text	none
title	Whether the panel heading should have a title tag around it	optional	true, false	false
footer	The panel footer text if desired	optional	any text	none
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap panels documentation

---

Wells

[well size="sm"] ... [/well]

[well] parameters

Parameter	Description	Required	Values	Default
size	Modifies the amount of padding inside the well	optional	sm, lg	normal
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap wells documentation

---

Javascript

Tabs

[tabs type="tabs"]
  [tab title="Home" active="true"]
    ...
  [/tab]
  [tab title="Profile"]
    ...
  [/tab]
  [tab title="Messages"]
    ...
  [/tab]
[/tabs]

[tabs] parameters

Parameter	Description	Required	Values	Default
type	The type of nav	required	tabs, pills	tabs
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[tab] parameters

Parameter	Description	Required	Values	Default
title	The title of the tab	required	any text	false
active	Whether this tab should be "active" or selected	optional	true, false	false
fade	Whether to use the "fade" effect when showing this tab	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap tabs documentation

---

Tooltip

[tooltip title="I'm the title" placement="right"] ... [/tooltip]

[tooltip] parameters

Parameter	Description	Required	Values	Default
title	The text of the tooltip	required	any text	none
placement	The placement of the tooltip	optional	left, top, bottom, right	top
animation	apply a CSS fade transition to the tooltip	optional	any text	none
html	Insert HTML into the tooltip	optional	true, false	false

Bootstrap tooltip documentation

---

Popover

[popover title="I'm the title" text="And here's some amazing content. It's very engaging. right?" placement="right"] ... [/popover]

[popover] parameters

Parameter	Description	Required	Values	Default
title	The title of the popover	optional	any text	none
text	The text of the popover	required	any text	none
placement	The placement of the popover	optional	left, top, bottom, right	top
animation	apply a CSS fade transition to the tooltip	optional	any text	none
html	Insert HTML into the tooltip	optional	true, false	false

Bootstrap popover documentation

---

Collapse

[collapsibles]
  [collapse title="Collapse 1" active="true"]
    ...
  [/collapse]
  [collapse title="Collapse 2"]
    ...
  [/collapse]
  [collapse title="Collapse 3"]
    ...
  [/collapse]
[/collapsibles]

[collapsibles] parameters

Parameter	Description	Required	Values	Default
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[collapse] parameters

Parameter	Description	Required	Values	Default
title	The title of the collapsible, visible when collapsed	required	any text	false
type	The type of the panel	optional	default, primary, success, info, warning, danger, link	default
active	Whether the tab is expanded at load time	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap collapse documentation

---

Carousel

[carousel]
    [carousel-item active="true"] ... [/carousel-item]
    [carousel-item] ... [/carousel-item]
    [carousel-item] ... [/carousel-item]
[/carousel]

[carousel-item] wraps an HTML image tag or image inserted via the WordPress editor.

[carousel] parameters

Parameter	Description	Required	Values	Default
interval	The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle.	optional	any number (in ms) or "false"	5000
wrap	Whether the carousel should cycle continuously or have hard stops.	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

[carousel-item] parameters

Parameter	Description	Required	Values	Default
active	Whether the item has the "active" style applied. One item MUST be set as active.	optional	true, false	false
caption	This carousel slide's caption	optional	Any text	none
xclass	Any extra classes you want to add	optional	any text	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at Button Dropdowns).	optional	any text	none

Bootstrap carousel documentation

File

scripts/migrate-attributes-github2drupal.html

<html>
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
/**
 * @file
 * Metaprograms attrbiute callback functions from the shortcode documentation on github
 * @author Jurriaan Roelofs
 * @see includes/bootstrap-shortcodes-attributes.inc
 * @see https://github.com/filipstefansson/bootstrap-3-shortcodes/blob/master/README.md
 */

$( document ).ready(function() {
  $input = $('#input');
  $output = $('#output');
  $output.append('<h2>start</h2>');
  // var options = ['true', 'false']
  // $output.append(print_fapi_select_list('container', options));
  $headings = $input.find('h4:contains("parameters")');
  $tables = $input.find('table');
  var heading = '';

  console.log($headings);
  console.log($headings.length + 'headings');
  console.log($tables);
  console.log($tables.length + 'table tables');

  for (var i = 0, len = $headings.length; i < len; i++) {
    heading = $headings[i];
    heading = $(heading).text().replace('] parameters', '').replace('[', '').trim();
    shortcode = heading;
    shortcodePhp = heading.replace(/-/g,"_");

    $output.append('function bs_shortcodes_' + shortcodePhp + '_attributes($form, $form_state) {' + "\n");

    table = $tables[i];
    $rows = $(table).find('tr').slice(1);
    for (var j = 0, len2 = $rows.length; j < len2; j++) {
      $row = $($rows[j]);
      attribute = $row.find('td:first-child').text();
      attribute_values = $row.find('td:nth-child(4)').text();
      attribute_default = $row.find('td:last-child').text();
      // This attribute has a list of options
      if (attribute_values.indexOf(",") > -1) {
        options = attribute_values.split(',');
        $output.append(print_fapi_select_list(attribute, options, heading, attribute_default));
      }
      // This attribute has a range of options
      else if (attribute_values.indexOf("1-12") > -1) {
        $output.append(print_fapi_select_range(attribute, heading));
      }
      // This attribute takes any arbitrary text input
      else  {
        $output.append(print_fapi_text(attribute, heading));
      }

    }
    $output.append("  return $form;\n\n");
    $output.append("}\n\n");
  }
  $output.append('<h2>end</h2>');
  $output.wrapAll('<pre>')

});

  function print_fapi_select_list(name, options, shortcode, attribute_default) {
    var options_fapi = '';
    if (options[0] == 'true'){
      options.reverse(); // false should be the default (first) option
    }
    if (attribute_default == 'none') {
      options.unshift('default')
    }
    for (var i = 0, len = options.length; i < len; i++) {
      options[i] = options[i].trim();
      if ((options[i] == 'false') || (options[i] == 'default')) {
        var value = "";
      }
      else {
        var value = options[i]
      }
      var attrName = options[i]
      options_fapi = options_fapi + "    '"+ value +"' => t('"+ attrName +"'),\n";
    }
    var out = "\
  $form['"+ name +"'] = array(\n\
  '#type' => 'select',\n\
  '#title' => t('"+ name +"'),\n\
  '#options' => array(\n\
"+ options_fapi +"\
  ),\n\
  '#states' => array(\n\
    'visible' => array(\n\
      ':input[name=\"shortcode\"]' => array('value' => '"+ shortcode +"'),\n\
    ),\n\
  ),\n\
  );\n";

    return out;
  }

  function print_fapi_select_range(name, shortcode) {
    var options = [1,2,3,4,5,6,7,8,9,10,11,12];
    var options_fapi = "    '' => t('None'),\n";
    for (var i = 0, len = options.length; i < len; i++) {
      options_fapi = options_fapi + "    '"+ options[i] +"' => t('"+ options[i] +"'),\n";
    }
    var out = "\
  $form['"+ name +"'] = array(\n\
  '#type' => 'select',\n\
  '#title' => t('"+ name +"'),\n\
  '#options' => array(\n\
"+ options_fapi +"\
  ),\n\
  '#states' => array(\n\
    'visible' => array(\n\
      ':input[name=\"shortcode\"]' => array('value' => '"+ shortcode +"'),\n\
    ),\n\
  ),\n\
  '#prefix' => '&lt;div class=\"col-md-4\"&gt;',\n\
  '#suffix' => '&lt;/div&gt;',\n\
  );\n";

    return out;
  }

  function print_fapi_text(name, shortcode) {
    var out = "\
  $form['"+ name +"'] = array(\n\
    '#type' => 'textfield',\n\
    '#title' => t('"+ name +"'),\n\
    '#size' => 30,\n\
    '#maxlength' => 30,\n\
    '#states' => array(\n\
      'visible' => array(\n\
        ':input[name=\"shortcode\"]' => array('value' => '"+ shortcode +"'),\n\
      ),\n\
    ),\n\
  );\n";

    return out;
  }
</script>
</head>

<body>

<div id="output">

</div>



<div id="input">
<h4>
<a name="user-content-container-parameters" class="anchor" href="#container-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[container] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>fluid</td>
<td>Is the container fluid? (see Bootstrap documentation for details)</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-row-parameters" class="anchor" href="#row-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[row] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-column-parameters" class="anchor" href="#column-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[column] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>xs</td>
<td>Size of column on extra small screens (less than 768px)</td>
<td>optional</td>
<td>1-12</td>
<td>false</td>
</tr>
<tr>
<td>sm</td>
<td>Size of column on small screens (greater than 768px)</td>
<td>optional</td>
<td>1-12</td>
<td>false</td>
</tr>
<tr>
<td>md</td>
<td>Size of column on medium screens (greater than 992px)</td>
<td>optional</td>
<td>1-12</td>
<td>false</td>
</tr>
<tr>
<td>lg</td>
<td>Size of column on large screens (greater than 1200px)</td>
<td>optional</td>
<td>1-12</td>
<td>false</td>
</tr>
<tr>
<td>offset_xs</td>
<td>Offset on extra small screens</td>
<td>optional</td>
<td>1-12</td>
<td>false</td>
</tr>
<tr>
<td>offset_sm</td>
<td>Offset on small screens</td>
<td>optional</td>
<td>1-12</td>
<td>false</td>
</tr>
<tr>
<td>offset_md</td>
<td>Offset on column on medium screens</td>
<td>optional</td>
<td>1-12</td>
<td>false</td>
</tr>
<tr>
<td>offset_lg</td>
<td>Offset on column on large screens</td>
<td>optional</td>
<td>1-12</td>
<td>false</td>
</tr>
<tr>
<td>pull_xs</td>
<td>Pull on extra small screens</td>
<td>optional</td>
<td>1-12</td>
<td>false</td>
</tr>
<tr>
<td>pull_sm</td>
<td>Pull on small screens</td>
<td>optional</td>
<td>1-12</td>
<td>false</td>
</tr>
<tr>
<td>pull_md</td>
<td>Pull on column on medium screens</td>
<td>optional</td>
<td>1-12</td>
<td>false</td>
</tr>
<tr>
<td>pull_lg</td>
<td>Pull on column on large screens</td>
<td>optional</td>
<td>1-12</td>
<td>false</td>
</tr>
<tr>
<td>push_xs</td>
<td>Push on extra small screens</td>
<td>optional</td>
<td>1-12</td>
<td>false</td>
</tr>
<tr>
<td>push_sm</td>
<td>Push on small screens</td>
<td>optional</td>
<td>1-12</td>
<td>false</td>
</tr>
<tr>
<td>push_md</td>
<td>Push on column on medium screens</td>
<td>optional</td>
<td>1-12</td>
<td>false</td>
</tr>
<tr>
<td>push_lg</td>
<td>Push on column on large screens</td>
<td>optional</td>
<td>1-12</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/css/#grid">Bootstrap grid documentation</a>.</p>

<hr><h3>
<a name="user-content-lead-body-copy" class="anchor" href="#lead-body-copy" aria-hidden="true"><span class="octicon octicon-link"></span></a>Lead body copy</h3>

<pre><code>[lead] ... [/lead]
</code></pre>

<h4>
<a name="user-content-lead-parameters" class="anchor" href="#lead-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[lead] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/css/#type-body-copy">Bootstrap body copy documentation</a></p>

<hr><h3>
<a name="user-content-emphasis-classes" class="anchor" href="#emphasis-classes" aria-hidden="true"><span class="octicon octicon-link"></span></a>Emphasis classes</h3>

<pre><code>[emphasis type="success"] ... [/emphasis]
</code></pre>

<h4>
<a name="user-content-emphasis-parameters" class="anchor" href="#emphasis-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[emphasis] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>type</td>
<td>The type of label to display</td>
<td>required</td>
<td>muted, primary, success, info, warning, danger</td>
<td>muted</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/css/#type-emphasis">Bootstrap emphasis classes documentation</a></p>

<hr><h3>
<a name="user-content-code" class="anchor" href="#code" aria-hidden="true"><span class="octicon octicon-link"></span></a>Code</h3>

<pre><code>[code] ... [/code]
</code></pre>

<h4>
<a name="user-content-code-parameters" class="anchor" href="#code-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[code] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>inline</td>
<td>Display inline code</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>scrollable</td>
<td>Set a max height of 350px and provide a scroll bar. Not usable with inline="true".</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/css/#code">Bootstrap code documentation</a></p>

<hr><h3>
<a name="user-content-tables" class="anchor" href="#tables" aria-hidden="true"><span class="octicon octicon-link"></span></a>Tables</h3>

<pre><code>[table-wrap bordered="true" striped="true"]

    Standard HTML table code goes here.

[/table-wrap]
</code></pre>

<h4>
<a name="user-content-table-wrap-parameters" class="anchor" href="#table-wrap-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[table-wrap] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>bordered</td>
<td>Set "bordered" table style (see Bootstrap documentation)</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>striped</td>
<td>Set "striped" table style (see Bootstrap documentation)</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>hover</td>
<td>Set "hover" table style (see Bootstrap documentation)</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>condensed</td>
<td>Set "condensed" table style (see Bootstrap documentation)</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/css/#tables">Bootstrap table documentation</a></p>

<hr><h3>
<a name="user-content-buttons" class="anchor" href="#buttons" aria-hidden="true"><span class="octicon octicon-link"></span></a>Buttons</h3>

<pre><code>[button type="success" size="lg" link="#"] ... [/button]
</code></pre>

<h4>
<a name="user-content-button-parameters" class="anchor" href="#button-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[button] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>type</td>
<td>The type of the button</td>
<td>optional</td>
<td>default, primary, success, info, warning, danger, link</td>
<td>default</td>
</tr>
<tr>
<td>size</td>
<td>The size of the button</td>
<td>optional</td>
<td>xs, sm, lg</td>
<td>none</td>
</tr>
<tr>
<td>block</td>
<td>Whether the button should be a block-level button</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>dropdown</td>
<td>Whether the button triggers a dropdown menu (see <a href="#button-dropdowns">Button Dropdowns</a>)</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>active</td>
<td>Apply the "active" style</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>disabled</td>
<td>Whether the button be disabled</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>link</td>
<td>The url you want the button to link to</td>
<td>optional</td>
<td>any valid link</td>
<td>none</td>
</tr>
<tr>
<td>target</td>
<td>Target for the link</td>
<td>optional</td>
<td>any valid target</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/css/#buttons">Bootstrap button documentation</a></p>

<hr><h3>
<a name="user-content-images" class="anchor" href="#images" aria-hidden="true"><span class="octicon octicon-link"></span></a>Images</h3>

<pre><code>[img type="circle" responsive="true"] ... [/img]
</code></pre>

<p>Wrap any number of HTML image tags or images inserted via the WordPress media manager.</p>

<h4>
<a name="user-content-img-parameters" class="anchor" href="#img-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[img] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>type</td>
<td>The effect to apply to wrapped images</td>
<td>optional</td>
<td>rounded, circle, thumbnail</td>
<td>false</td>
</tr>
<tr>
<td>responsive</td>
<td>Make the wrapped images responsive</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/css/#images">Bootstrap images documentation</a></p>

<hr><h3>
<a name="user-content-responsive-utilities" class="anchor" href="#responsive-utilities" aria-hidden="true"><span class="octicon octicon-link"></span></a>Responsive Utilities</h3>

<pre><code>[responsive visible_block="lg md" hidden="sn xs"] ... [/responsive]
</code></pre>

<h4>
<a name="user-content-reponsive-parameters" class="anchor" href="#reponsive-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[reponsive] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>visible</td>
<td>Sizes at which this element is visible (separated by spaces) <strong>NOTE: as of Bootstrap 3.2 "visible" is deprecated in favor of "block", "inline", and "inline-block" (see below)</strong>
</td>
<td>optional</td>
<td>xs, sm, md, lg</td>
<td>false</td>
</tr>
<tr>
<td>hidden</td>
<td>Sizes at which this element is hidden (separated by spaces)</td>
<td>optional</td>
<td>xs, sm, md, lg</td>
<td>false</td>
</tr>
<tr>
<td>block</td>
<td>Sizes at which this element is visible and displayed as a "block" element (separated by spaces)</td>
<td>optional</td>
<td>xs, sm, md, lg</td>
<td>false</td>
</tr>
<tr>
<td>inline</td>
<td>Sizes at which this element is visible and displayed as an "inline" element (separated by spaces)</td>
<td>optional</td>
<td>xs, sm, md, lg</td>
<td>false</td>
</tr>
<tr>
<td>inline_block</td>
<td>Sizes at which this element is visible and displayed as an "inline-block" element (separated by spaces)</td>
<td>optional</td>
<td>xs, sm, md, lg</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/css/#type-emphasis">Bootstrap emphasis classes documentation</a></p>

<hr><h3>
<a name="user-content-components-1" class="anchor" href="#components-1" aria-hidden="true"><span class="octicon octicon-link"></span></a>Components</h3>

<h3>
<a name="user-content-icons" class="anchor" href="#icons" aria-hidden="true"><span class="octicon octicon-link"></span></a>Icons</h3>

<pre><code>[icon type="arrow"]
</code></pre>

<h4>
<a name="user-content-icon-parameters" class="anchor" href="#icon-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[icon] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>type</td>
<td>The type of icon you want to display</td>
<td>required</td>
<td>See Bootstrap docs</td>
<td>none</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/components/#glyphicons">Bootstrap Glyphicons documentation</a></p>

<hr><h3>
<a name="user-content-button-groups" class="anchor" href="#button-groups" aria-hidden="true"><span class="octicon octicon-link"></span></a>Button Groups</h3>

<h4>
<a name="user-content-basic-example" class="anchor" href="#basic-example" aria-hidden="true"><span class="octicon octicon-link"></span></a>Basic example</h4>

<pre><code>[button-group size="lg" justified="" vertical=""]
    [button link="#"] ... [/button]
    [button link="#"] ... [/button]
    [button link="#"] ... [/button]
[/button-group]
</code></pre>

<h4>
<a name="user-content-button-toolbar" class="anchor" href="#button-toolbar" aria-hidden="true"><span class="octicon octicon-link"></span></a>Button toolbar</h4>

<pre><code>[button-toolbar]
    [button-group]
        [button link="#"] ... [/button]
        [button link="#"] ... [/button]
        [button link="#"] ... [/button]
    [/button-group]
    [button-group]
        [button link="#"] ... [/button]
        [button link="#"] ... [/button]
        [button link="#"] ... [/button]
    [/button-group]
    [button-group]
        [button link="#"] ... [/button]
    [/button-group]
[/button-toolbar]
</code></pre>

<h4>
<a name="user-content-button-group-parameters" class="anchor" href="#button-group-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[button-group] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>size</td>
<td>The size of the button group</td>
<td>optional</td>
<td>xs, sm, lg</td>
<td>none</td>
</tr>
<tr>
<td>justified</td>
<td>Whether button group is justified</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>vertical</td>
<td>Whether button group is vertical</td>
<td>optional</td>
<td>true, falsetd>
<td>false</td>
</tr>
<tr>
<td>dropup</td>
<td><strong>Must correspond with the use of [dropdown]</strong></td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-button-toolbar-parameters" class="anchor" href="#button-toolbar-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[button-toolbar] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/css/#btn-groups">Bootstrap button groups documentation</a></p>

<hr><h3>
<a name="user-content-button-dropdowns" class="anchor" href="#button-dropdowns" aria-hidden="true"><span class="octicon octicon-link"></span></a>Button Dropdowns</h3>

<p>Button Dropdowns can be accomplished by combining the [button-group] shortcode, the "data" parameters of the [button] shortcode, and [dropdown] shortcode as follows.</p>

<h4>
<a name="user-content-single-button-dropdowns" class="anchor" href="#single-button-dropdowns" aria-hidden="true"><span class="octicon octicon-link"></span></a>Single button dropdowns</h4>

<pre><code>[button-group]
    [button link="#" dropdown="true" data="toggle,dropdown"] ... [caret][/button]
    [dropdown]
        [dropdown-header] ... [/dropdown-header]
        [dropdown-item link="#"] ... [/dropdown-item]
        [dropdown-item link="#"] ... [/dropdown-item]
        [dropdown-item link="#"] ... [/dropdown-item]
        [divider]
        [dropdown-item link="#"] ... [/dropdown-item]
    [/dropdown]
[/button-group]
</code></pre>

<h4>
<a name="user-content-split-button-dropdowns" class="anchor" href="#split-button-dropdowns" aria-hidden="true"><span class="octicon octicon-link"></span></a>Split button dropdowns</h4>

<pre><code>[button-group]
    [button link="#"] ... [/button]
    [button dropdown="true" data="toggle,dropdown"][caret][/button]
    [dropdown]
        [dropdown-item link="#"] ... [/dropdown-item]
        [divider]
        [dropdown-item link="#"] ... [/dropdown-item]
    [/dropdown]
[/button-group]
</code></pre>

<h4>
<a name="user-content-dropup-variation" class="anchor" href="#dropup-variation" aria-hidden="true"><span class="octicon octicon-link"></span></a>Dropup variation</h4>

<pre><code>[button-group dropup="true"]
    [button link="#"] ... [/button]
    [button dropdown="true" data="toggle,dropdown"][caret][/button]
    [dropdown]
        [dropdown-item link="#"] ... [/dropdown-item]
        [divider]
        [dropdown-item link="#"] ... [/dropdown-item]
    [/dropdown]
[/button-group]
</code></pre>

<h4>
<a name="user-content-dropdown-parameters" class="anchor" href="#dropdown-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[dropdown] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-dropdown-item-parameters" class="anchor" href="#dropdown-item-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[dropdown-item] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>link</td>
<td>The url you want the dropdown-item to link to</td>
<td>optional</td>
<td>any valid link</td>
<td>none</td>
</tr>
<tr>
<td>disabled</td>
<td>Whether this menu-item is disabled</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-dropdown-header-parameters" class="anchor" href="#dropdown-header-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[dropdown-header] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-caret-parameters" class="anchor" href="#caret-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[caret] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-divider-parameters" class="anchor" href="#divider-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[divider] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/components/#btn-dropdowns">Bootstrap button dropdowns documentation</a></p>

<hr><h3>
<a name="user-content-navs" class="anchor" href="#navs" aria-hidden="true"><span class="octicon octicon-link"></span></a>Navs</h3>

<pre><code>[nav type="pills"]
    [nav-item link="#"] ... [/nav-item]
    [nav-item link="#"] ... [/nav-item]
    [nav-item link="#"] ... [/nav-item]
[/nav]
</code></pre>

<h4>
<a name="user-content-nav-with-dropdowns" class="anchor" href="#nav-with-dropdowns" aria-hidden="true"><span class="octicon octicon-link"></span></a>Nav with dropdowns</h4>

<pre><code>[nav type="pills"]
    [nav-item link="#" active="true"] ... [/nav-item]
    [nav-item dropdown="true" link="#"] ... [caret]
        [dropdown]
            [dropdown-item link="#"] ... [/dropdown-item]
            [dropdown-item link="#"] ... [/dropdown-item]
        [/dropdown]
    [/nav-item]
[/nav]
</code></pre>

<h4>
<a name="user-content-nav-parameters" class="anchor" href="#nav-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[nav] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>type</td>
<td>The type of nav</td>
<td>required</td>
<td>tabs, pills</td>
<td>tabs</td>
</tr>
<tr>
<td>stacked</td>
<td>Whether the nav is stacked (should be used with "pills" type</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>justified</td>
<td>Whether the nav is justified</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-nav-item-parameters" class="anchor" href="#nav-item-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[nav-item] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>link</td>
<td>The url you want the dropdown-item to link to</td>
<td>optional</td>
<td>any valid link</td>
<td>none</td>
</tr>
<tr>
<td>active</td>
<td>Whether the item has the "active" style applied</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>disabled</td>
<td>Whether the item is disabled</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/components/#nav">Bootstrap button navs documentation</a></p>

<hr><h3>
<a name="user-content-breadcrumbs" class="anchor" href="#breadcrumbs" aria-hidden="true"><span class="octicon octicon-link"></span></a>Breadcrumbs</h3>

<pre><code>[breadcrumb]
    [breadcrumb-item link="#"] ... [/breadcrumb-item]
    [breadcrumb-item link="#"] ... [/breadcrumb-item]
    [breadcrumb-item link="#"] ... [/breadcrumb-item]
[/breadcrumb]
</code></pre>

<h4>
<a name="user-content-breadcrumb-parameters" class="anchor" href="#breadcrumb-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[breadcrumb] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-breadcrumb-item-parameters" class="anchor" href="#breadcrumb-item-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[breadcrumb-item] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>link</td>
<td>The url you want the breadcrumb-item to link to</td>
<td>optional</td>
<td>any valid link</td>
<td>none</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/components/#breadcrumbs">Bootstrap breadcrumbs documentation</a></p>

<hr><h3>
<a name="user-content-labels" class="anchor" href="#labels" aria-hidden="true"><span class="octicon octicon-link"></span></a>Labels</h3>

<pre><code>[label type="success"] ... [/label]
</code></pre>

<h4>
<a name="user-content-label-parameters" class="anchor" href="#label-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[label] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>type</td>
<td>The type of label to display</td>
<td>optional</td>
<td>default, primary, success, info, warning, danger</td>
<td>default</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/components/#labels">Bootstrap label documentation</a></p>

<hr><h3>
<a name="user-content-badges" class="anchor" href="#badges" aria-hidden="true"><span class="octicon octicon-link"></span></a>Badges</h3>

<pre><code>[badge right="true"] ... [/badge]
</code></pre>

<h4>
<a name="user-content-badge-parameters" class="anchor" href="#badge-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[badge] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>right</td>
<td>Whether the badge should align to the right of its container</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/components/#badges">Bootstrap badges documentation</a></p>

<hr><h3>
<a name="user-content-jumbotron" class="anchor" href="#jumbotron" aria-hidden="true"><span class="octicon octicon-link"></span></a>Jumbotron</h3>

<pre><code>[jumbotron title="My Jumbotron"] ... [/jumbotron]
</code></pre>

<h4>
<a name="user-content-jumbotron-parameters" class="anchor" href="#jumbotron-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[jumbotron] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>title</td>
<td>The jumbotron title</td>
<td>optional</td>
<td>Any text</td>
<td>none</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/components/#jumbotron">Bootstrap jumbotron documentation</a></p>

<hr><h3>
<a name="user-content-page-header" class="anchor" href="#page-header" aria-hidden="true"><span class="octicon octicon-link"></span></a>Page Header</h3>

<pre><code>[page-header] ... [/page-header]
</code></pre>

<p>Automatically inserts H1 tag if not present</p>

<h4>
<a name="user-content-page-header-parameters" class="anchor" href="#page-header-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[page-header] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/components/#page-header">Bootstrap page-header documentation</a></p>

<hr><h3>
<a name="user-content-thumbnails" class="anchor" href="#thumbnails" aria-hidden="true"><span class="octicon octicon-link"></span></a>Thumbnails</h3>

<pre><code>[thumbnail] ... [/thumbnail]
[thumbnail] ... [/thumbnail]
[thumbnail] ... [/thumbnail]
</code></pre>

<h4>
<a name="user-content-thumbnail-parameters" class="anchor" href="#thumbnail-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[thumbnail] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>has_content</td>
<td>Set to "true" if this thumbnail contains more than just an image or linked image as in <a href="http://getbootstrap.com/components/#thumbnails-custom-content">Bootstrap's thumbnail documentation</a>.</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/components/#thumbnails">Bootstrap thumbnails documentation</a></p>

<hr><h3>
<a name="user-content-alerts" class="anchor" href="#alerts" aria-hidden="true"><span class="octicon octicon-link"></span></a>Alerts</h3>

<pre><code>[alert type="success"] ... [/alert]
</code></pre>

<h4>
<a name="user-content-alert-parameters" class="anchor" href="#alert-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[alert] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>type</td>
<td>The type of the alert</td>
<td>required</td>
<td>success, info, warning, danger</td>
<td>success</td>
</tr>
<tr>
<td>dismissable</td>
<td>If the alert should be dismissable</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/components/#alerts">Bootstrap alert documentation</a></p>

<hr><h3>
<a name="user-content-progress-bars" class="anchor" href="#progress-bars" aria-hidden="true"><span class="octicon octicon-link"></span></a>Progress Bars</h3>

<pre><code>[progress striped="true"]
    [progress-bar percent="50"]
    [progress-bar percent="25" type="success"]
[/progress]
</code></pre>

<h4>
<a name="user-content-progress-parameters" class="anchor" href="#progress-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[progress] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>striped</td>
<td>Whether enclosed progress bars will be striped</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>animated</td>
<td>Whether enclosed progress bars will be animated</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-progress-bar-parameters" class="anchor" href="#progress-bar-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[progress-bar] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>percent</td>
<td>The percentage amount to show in the progress bar</td>
<td>required</td>
<td>any number between 0 and 100</td>
<td>false</td>
</tr>
<tr>
<td>label</td>
<td>Whether to show the percentage as a text label inside the bar</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>type</td>
<td>The type of the progress bar</td>
<td>optional</td>
<td>default, primary, success, info, warning, danger</td>
<td>default</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/components/#progress">Bootstrap progress bars documentation</a></p>

<hr><h3>
<a name="user-content-media-objects" class="anchor" href="#media-objects" aria-hidden="true"><span class="octicon octicon-link"></span></a>Media Objects</h3>

<pre><code>[media]
  [media-object pull="right"]
    ...
  [/media-object]
  [media-body title="Testing"]
    ...
  [/media-body]
[/media]
</code></pre>

<h4>
<a name="user-content-media-parameters" class="anchor" href="#media-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[media] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-media-object-parameters" class="anchor" href="#media-object-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[media-object] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>pull</td>
<td>Whether the image pulls to the left or right</td>
<td>optional</td>
<td>left, right</td>
<td>right</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-media-body-parameters" class="anchor" href="#media-body-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[media-body] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>title</td>
<td>The object title</td>
<td>required</td>
<td>Any text</td>
<td>none</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><strong>NOTE: media-object should contain an image, or linked image, inserted using the WordPress TinyMCE editor</strong></p>

<p><a href="http://getbootstrap.com/components/#media">Bootstrap media objects documentation</a></p>

<hr><h3>
<a name="user-content-list-groups" class="anchor" href="#list-groups" aria-hidden="true"><span class="octicon octicon-link"></span></a>List Groups</h3>

<h4>
<a name="user-content-basic-example-1" class="anchor" href="#basic-example-1" aria-hidden="true"><span class="octicon octicon-link"></span></a>Basic Example</h4>

<pre><code>[list-group]
  [list-group-item]
    ...
  [/list-group-item]
  [list-group-item]
    ...
  [/list-group-item]
  [list-group-item]
    ...
  [/list-group-item]
[/list-group]
</code></pre>

<h4>
<a name="user-content-linked-items" class="anchor" href="#linked-items" aria-hidden="true"><span class="octicon octicon-link"></span></a>Linked Items</h4>

<pre><code>[list-group linked="true"]
  [list-group-item link="#" active="true"]
    ...
  [/list-group-item]
  [list-group-item link="#"]
    ...
  [/list-group-item]
  [list-group-item link="#"]
    ...
  [/list-group-item]
[/list-group]
</code></pre>

<h4>
<a name="user-content-custom-content" class="anchor" href="#custom-content" aria-hidden="true"><span class="octicon octicon-link"></span></a>Custom Content</h4>

<pre><code>[list-group linked="true"]
  [list-group-item link="#" active="true"]
    [list-group-item-heading]...[/list-group-item-heading]
    [list-group-item-text]...[/list-group-item-text]
  [/list-group-item]
  [list-group-item link="#"]
    [list-group-item-heading]...[/list-group-item-heading]
    [list-group-item-text]...[/list-group-item-text]
  [/list-group-item]
  [list-group-item link="#"]
    [list-group-item-heading]...[/list-group-item-heading]
    [list-group-item-text]...[/list-group-item-text]
  [/list-group-item]
[/list-group]
</code></pre>

<h4>
<a name="user-content-list-group-parameters" class="anchor" href="#list-group-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[list-group] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>linked</td>
<td>Whether this is a linked list group, or a standard one</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-list-group-item-parameters" class="anchor" href="#list-group-item-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[list-group-item] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>link</td>
<td>The url you want the list item to link to <strong>Must correspond with the "linked" parameter in [list-group]</strong>
</td>
<td>optional</td>
<td>any text</td>
<td>false</td>
</tr>
<tr>
<td>type</td>
<td>The type of the list-group-item</td>
<td>optional</td>
<td>primary, success, info, warning, danger, link</td>
<td>none</td>
</tr>
<tr>
<td>active</td>
<td>Whether the item has the "active" style applied</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>target</td>
<td>Target for the link</td>
<td>optional</td>
<td>any valid target</td>
<td>none</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-list-group-item-heading-parameters" class="anchor" href="#list-group-item-heading-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[list-group-item-heading] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-list-group-item-text-parameters" class="anchor" href="#list-group-item-text-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[list-group-item-text] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/components/#list-group">Bootstrap list groups documentation</a></p>

<hr><h3>
<a name="user-content-panels" class="anchor" href="#panels" aria-hidden="true"><span class="octicon octicon-link"></span></a>Panels</h3>

<pre><code>[panel type="info" heading="Panel Title" footer="Footer text"] ... [/panel]
</code></pre>

<h4>
<a name="user-content-panel-parameters" class="anchor" href="#panel-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[panel] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>type</td>
<td>The type of the panel</td>
<td>optional</td>
<td>default, primary, success, info, warning, danger, link</td>
<td>default</td>
</tr>
<tr>
<td>heading</td>
<td>The panel heading</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>title</td>
<td>Whether the panel heading should have a title tag around it</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>footer</td>
<td>The panel footer text if desired</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/components/#panels">Bootstrap panels documentation</a></p>

<hr><h3>
<a name="user-content-wells" class="anchor" href="#wells" aria-hidden="true"><span class="octicon octicon-link"></span></a>Wells</h3>

<pre><code>[well size="sm"] ... [/well]
</code></pre>

<h4>
<a name="user-content-well-parameters" class="anchor" href="#well-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[well] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>size</td>
<td>Modifies the amount of padding inside the well</td>
<td>optional</td>
<td>sm, lg</td>
<td>normal</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/components/#wells">Bootstrap wells documentation</a></p>

<hr><h3>
<a name="user-content-javascript-1" class="anchor" href="#javascript-1" aria-hidden="true"><span class="octicon octicon-link"></span></a>Javascript</h3>

<h3>
<a name="user-content-tabs" class="anchor" href="#tabs" aria-hidden="true"><span class="octicon octicon-link"></span></a>Tabs</h3>

<pre><code>[tabs type="tabs"]
  [tab title="Home" active="true"]
    ...
  [/tab]
  [tab title="Profile"]
    ...
  [/tab]
  [tab title="Messages"]
    ...
  [/tab]
[/tabs]
</code></pre>

<h4>
<a name="user-content-tabs-parameters" class="anchor" href="#tabs-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[tabs] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>type</td>
<td>The type of nav</td>
<td>required</td>
<td>tabs, pills</td>
<td>tabs</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-tab-parameters" class="anchor" href="#tab-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[tab] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>title</td>
<td>The title of the tab</td>
<td>required</td>
<td>any text</td>
<td>false</td>
</tr>
<tr>
<td>active</td>
<td>Whether this tab should be "active" or selected</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>fade</td>
<td>Whether to use the "fade" effect when showing this tab</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/javascript/#tabs">Bootstrap tabs documentation</a></p>

<hr><h3>
<a name="user-content-tooltip" class="anchor" href="#tooltip" aria-hidden="true"><span class="octicon octicon-link"></span></a>Tooltip</h3>

<pre><code>[tooltip title="I'm the title" placement="right"] ... [/tooltip]
</code></pre>

<h4>
<a name="user-content-tooltip-parameters" class="anchor" href="#tooltip-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[tooltip] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>title</td>
<td>The text of the tooltip</td>
<td>required</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>placement</td>
<td>The placement of the tooltip</td>
<td>optional</td>
<td>left, top, bottom, right</td>
<td>top</td>
</tr>
<tr>
<td>animation</td>
<td>apply a CSS fade transition to the tooltip</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>html</td>
<td>Insert HTML into the tooltip</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/javascript/#tooltips">Bootstrap tooltip documentation</a></p>

<hr><h3>
<a name="user-content-popover" class="anchor" href="#popover" aria-hidden="true"><span class="octicon octicon-link"></span></a>Popover</h3>

<pre><code>[popover title="I'm the title" text="And here's some amazing content. It's very engaging. right?" placement="right"] ... [/popover]
</code></pre>

<h4>
<a name="user-content-popover-parameters" class="anchor" href="#popover-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[popover] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>title</td>
<td>The title of the popover</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>text</td>
<td>The text of the popover</td>
<td>required</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>placement</td>
<td>The placement of the popover</td>
<td>optional</td>
<td>left, top, bottom, right</td>
<td>top</td>
</tr>
<tr>
<td>animation</td>
<td>apply a CSS fade transition to the tooltip</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>html</td>
<td>Insert HTML into the tooltip</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/javascript/#popovers">Bootstrap popover documentation</a></p>

<hr><h3>
<a name="user-content-collapse" class="anchor" href="#collapse" aria-hidden="true"><span class="octicon octicon-link"></span></a>Collapse</h3>

<pre><code>[collapsibles]
  [collapse title="Collapse 1" active="true"]
    ...
  [/collapse]
  [collapse title="Collapse 2"]
    ...
  [/collapse]
  [collapse title="Collapse 3"]
    ...
  [/collapse]
[/collapsibles]
</code></pre>

<h4>
<a name="user-content-collapsibles-parameters" class="anchor" href="#collapsibles-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[collapsibles] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-collapse-parameters" class="anchor" href="#collapse-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[collapse] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>title</td>
<td>The title of the collapsible, visible when collapsed</td>
<td>required</td>
<td>any text</td>
<td>false</td>
</tr>
<tr>
<td>type</td>
<td>The type of the panel</td>
<td>optional</td>
<td>default, primary, success, info, warning, danger, link</td>
<td>default</td>
</tr>
<tr>
<td>active</td>
<td>Whether the tab is expanded at load time</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/javascript/#collapse">Bootstrap collapse documentation</a></p>

<hr><h3>
<a name="user-content-carousel" class="anchor" href="#carousel" aria-hidden="true"><span class="octicon octicon-link"></span></a>Carousel</h3>

<pre><code>[carousel]
    [carousel-item active="true"] ... [/carousel-item]
    [carousel-item] ... [/carousel-item]
    [carousel-item] ... [/carousel-item]
[/carousel]
</code></pre>

<p>[carousel-item] wraps an HTML image tag or image inserted via the WordPress editor.</p>

<h4>
<a name="user-content-carousel-parameters" class="anchor" href="#carousel-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[carousel] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>interval</td>
<td>The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle.</td>
<td>optional</td>
<td>any number (in ms) or "false"</td>
<td>5000</td>
</tr>
<tr>
<td>wrap</td>
<td>Whether the carousel should cycle continuously or have hard stops.</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><h4>
<a name="user-content-carousel-item-parameters" class="anchor" href="#carousel-item-parameters" aria-hidden="true"><span class="octicon octicon-link"></span></a>[carousel-item] parameters</h4>

<table>
<thead><tr>
<th>Parameter</th>
<th>Description</th>
<th>Required</th>
<th>Values</th>
<th>Default</th>
</tr></thead>
<tbody>
<tr>
<td>active</td>
<td>Whether the item has the "active" style applied. One item MUST be set as active.</td>
<td>optional</td>
<td>true, false</td>
<td>false</td>
</tr>
<tr>
<td>caption</td>
<td>This carousel slide's caption</td>
<td>optional</td>
<td>Any text</td>
<td>none</td>
</tr>
<tr>
<td>xclass</td>
<td>Any extra classes you want to add</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
<tr>
<td>data</td>
<td>Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example at <a href="#button-dropdowns">Button Dropdowns</a>).</td>
<td>optional</td>
<td>any text</td>
<td>none</td>
</tr>
</tbody>
</table><p><a href="http://getbootstrap.com/javascript/#carousel">Bootstrap carousel documentation</a></p>

</div>
</body>

</html>