Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
{
"cells": [
{
"cell_type": "markdown",
"metadata": {},
"source": [
"# Jupyter-Demo\n",
"\n",
"Dieses Notebook enthält Beispiele für verschiedene Anwendungsfälle von Jupyter-Notebooks.\n",
"\n",
"Lesenswerte Übersichtsseiten:\n",
"- [Komponenten von Bootstrap](https://getbootstrap.com/docs/4.5/components/) (wird von Jupyter verwendet)\n",
"- [Jupyter-Widgets](https://ipywidgets.readthedocs.io/en/latest/examples/Widget%20List.html)\n",
"\n",
"## Hinweise bzw. Lösung verstecken\n",
"\n",
"<details>\n",
" <summary type=\"button\" class=\"btn btn-info\">Hinweis / Lösung</summary>\n",
" <div class=\"alert alert-success\" role=\"alert\">\n",
"\n",
" \n",
"Das `<div>`-Element ist nur notwendig, wenn eine farbliche Hervorhebung gewünscht ist (dafür sollten die [\"Alert\"-Boxen von Bootstrap](https://getbootstrap.com/docs/4.5/components/alerts/) konsistent verwendet werden). Um Markdown innerhalb von HTML-Elementen zu verwenden, muss vor und nach dem Markdown jeweils eine Zeile freigelassen werden. Die Attribute `type=\"button\" class=\"btn btn-info\"` innerhalb des `<summary>`-Tags sind [ein Trick](https://stackoverflow.com/questions/38373842/bootstrap-buttons-inside-list-group-item/38380007), um das Layout eines [Bootstrap-Buttons](https://getbootstrap.com/docs/4.5/components/buttons/) zu verwenden (andere Farben sind möglich).\n",
"\n",
" \n",
" </div> \n",
"</details>"
]
}
],
"metadata": {
"language_info": {
"name": "python",
"pygments_lexer": "ipython3"
}
},
"nbformat": 4,
"nbformat_minor": 2
}