Accordion
Collapsible Group Item #1
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Collapsible Group Item #2
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Collapsible Group Item #3
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Alerts without Icons
Dismissable Alerts without Icons
Dismissable Alerts with Icons
Callouts
Default Callout
This is a default callout.
Primary Callout
This is a primary callout with icon.
Success Callout
This is a Success callout with icon.
Info Callout
This is a info callout with icon.
Warning Callout
This is a warning callout with icon.
Danger Callout
This is a danger callout with icon.
Question Callout
This is a question callout with icon.
Tip Callout
This is a Tip callout with icon.
Form with Captcha
<form> Action mail me@example.com Thanks “Thanks for submitting your valuable data.” Fieldset “A set of fields” Textbox “Employee Name” “=Your Name” number “Your Age” >13 <99 email “Your E-Mail Address” textbox “Occupation (optional)” ! password “Some password” fieldset “even more fields” select “Please select an option” “Peaches|Apples|Oranges” static “Some static text that could be an agreement” yesno “Read the agreement?” radio “Radio Button Group” “Peaches|Apples|Oranges” fieldset “Date Field” date “Enter your date” textarea “Tell me about your self” textbox “You need to write 'agree' here” /^agree$/ fieldset submit “Submit Query” </form>
Badges
@type=“default”@ @type=“primary”@ @type=“success”@ @type=“info”@ @type=“warning”@ @type=“danger”@
Badges with icons
@type=“primary” icon=“fa fa-exclamation-circle”@ @type=“success” icon=“fa fa-check-circle”@ @type=“info” icon=“fa fa-info-circle”@ @type=“warning” icon=“fa fa-exclamation-triangle”@ @type=“danger” icon=“fa fa-minus-circle”@
List Groups
Nav Tabs and Nav Pills
Foo
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Bar
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Panels
Basic panel example
Panel with heading
Panel content
Panel title
Panel subtitlePanel content
Panel title
Panel subtitlePanel content
Panel title
Panel subtitlePanel content
Panel title
Panel subtitlePanel content
Panel title
Panel subtitlePanel content
Panel title
Panel subtitlePanel content
Panel title
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Panel title
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Tooltip
Lorem ipsum dolor sit amet…
Lorem ipsum dolor sit amet…
Lorem ipsum dolor sit amet…
Lorem ipsum dolor sit amet…
Buttons
Images (in grid)
Affix
Scroll the page!
TQ-Systems GmbH provides the Board Support Packages (BSP) free of charge. The software included in the shipment has been configured individually for the starter kits. The software is only intended to evaluate the module. The use of the Board Support Packages (BSP) is only allowed within the scope of functionality described by TQ-Systems GmbH. TQ-Systems GmbH does not accept any liability for all further changes of the Board Support Package and for any damage resulting from its use.