{
 "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
}