Das ist die Jumbotron-Section
<blubber></blubber>
Accordion
An accordion with the panel component.
Example
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.
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
[…]
Collapsible Group Item #3
[…]
Affix
Affix
Scroll the page!
Lead
Callouts
Callouts
What is the Callout component ?
The Bootstrap documentation has really nice callouts to draw attention to important information, but for some reason these callouts are not included in the actual Bootstrap distribution.
This plugin include the original Callout from Bootstrap documentation for info, warning and danger and the extension for default, success and primary from http://cpratt.co/twitter-bootstrap-callout-css-styles.
Basic usage
<callout> === Default Callout === This is a default callout. </callout>
OR
<callout title="Default Callout"> This is a default callout. </callout>
Default Callout
This is a default callout.
Contextual colors
Primary Callout
This is a primary callout.
Success Callout
This is a success callout.
Info Callout
This is an info callout.
Warning Callout
This is a warning callout.
Danger Callout
This is a danger callout.
Contextual Icons
Create a contextual colors callout by adding icon=„true“
attribute.
Primary Callout
This is a primary callout.
Success Callout
This is a success callout.
Info Callout
This is an info callout.
Warning Callout
This is a warning callout.
Danger Callout
This is a danger callout.
<callout type="primary" icon="true"> [...] </callout> <callout type="success" icon="true"> [...] </callout> <callout type="info" icon="true"> [...] </callout> <callout type="warning" icon="true"> [...] </callout> <callout type="danger" icon="true"> [...] </callout>
Additional contextual icons
Question Callout
This is a question callout (alias of important
).
Tip Callout
This is a tip callout (alias of warning
).
<callout type="question" icon="true"> [...] </callout> <callout type="tip" icon="true"> [...] </callout>
Custom icons
Add custom icon via icon
attribute.
fa fa-user
icon
<callout icon="fa fa-user"> [...] </callout>
fa fa-plus
icon
<callout type="success" icon="fa fa-plus"> [...] </callout>
Custom colors
Custom color + icon
This is callout with custom color (blue
) and icon (fa fa-user
)
Custom color + icon
[…]</code>
Options
<datatable info=„false“ paging=„false“ searching=„true“>
Attribute | Default Value | Allowed Values | Description |
---|---|---|---|
type | default | default primary success info warning danger (question tip ) | Type of callout question and tip are available only for icon attribute. |
title | Title of callout | ||
icon | true or icon class from Glyphicon or FontAwesome (eg. fa fa-plus ) | Icon of callout | |
color | W3C Color name (eg. blue , orange , etc) or HEX (eg. #FF3300 , #777 ) | Color of callout |
</datatable>
Collapse <span class="yeah">New!</span>
INCLUDES TEST
- Umstieg auf Moodle 4.1
Ab März 2023 neue Moodle-Version 4.1! Hier finden Sie alle Infos zum neuen moopaed. - Moodle/moopaed: Anleitung
In dieser Anleitung sind die bisherigen Anleitungen „moopaed-Kurzanleitung für Studierende/Teilnehmende“ und „moopaed-Kurzanleitung für Kurslehrende“ zusammengefasst.