Difference between revisions of "Team:DTU-Denmark/substrate"
| Line 51: | Line 51: | ||
</blockquote> | </blockquote> | ||
| + | <div class="container"> | ||
| + | <h2>Accordion Example</h2> | ||
| + | <p><strong>Note:</strong> The <strong>data-parent</strong> attribute makes sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown.</p> | ||
| + | <div class="panel-group" id="accordion"> | ||
| + | <div class="panel panel-default"> | ||
| + | <div class="panel-heading"> | ||
| + | <h4 class="panel-title"> | ||
| + | <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Collapsible Group 1</a> <!-- href="#collapse1" should match id in <div id="collapse1" class="panel-collapse collapse"> and each new panel should have a new id --> | ||
| + | </h4> | ||
| + | </div> | ||
| + | <div id="collapse1" class="panel-collapse collapse"> <!-- Content --> | ||
| + | <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, | ||
| + | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | ||
| + | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="panel panel-default"> | ||
| + | <div class="panel-heading"> | ||
| + | <h4 class="panel-title"> | ||
| + | <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Collapsible Group 2</a> | ||
| + | </h4> | ||
| + | </div> | ||
| + | <div id="collapse2" class="panel-collapse collapse"> | ||
| + | <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, | ||
| + | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | ||
| + | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="panel panel-default"> | ||
| + | <div class="panel-heading"> | ||
| + | <h4 class="panel-title"> | ||
| + | <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">Collapsible Group 3</a> | ||
| + | </h4> | ||
| + | </div> | ||
| + | <div id="collapse3" class="panel-collapse collapse"> | ||
| + | <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, | ||
| + | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | ||
| + | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="panel panel-default"> | ||
| + | <div class="panel-heading"> | ||
| + | <h4 class="panel-title"> | ||
| + | <a data-toggle="collapse" data-parent="#accordion" href="#collapse4">Collapsible Group 1</a> | ||
| + | </h4> | ||
| + | </div> | ||
| + | <div id="collapse4" class="panel-collapse collapse"> | ||
| + | <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, | ||
| + | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | ||
| + | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | |||
<p> | <p> | ||
Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit. | Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit. | ||
Revision as of 14:06, 16 October 2016
Title
leader under the title, short introduction. Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his.
Section 1
Quote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous in Source Title
Accordion Example
Note: The data-parent attribute makes sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown.
Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
Section 2
Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
Section 2.1
Try out MathJax
$$ a_w^\rho \quad \quad $$
When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are
$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
Paragraph
Paragraph
Section 2.2
Paragraph
Paragraph
Section 2.3
Paragraph
Paragraph
Section 3
Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
Section 4
Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
Section 5
Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
