%Teilweise Erzeugt mit dem LaTeX-Generator: http://latex.sehnot.de
%Schriftgröße, Layout, Papierformat, Art des Dokumentes
\documentclass[10pt,oneside,a4paper]{scrartcl}
%Einstellungen der Seitenränder
\usepackage[left=2cm,right=2cm,top=1.5cm,bottom=1.5cm,includeheadfoot]{geometry}
%neue Rechtschreibung
\usepackage[ngerman]{babel}
%Umlaute ermöglichen
\usepackage[utf8]{inputenc}
%Gesamtseitenzahl
\usepackage{lastpage}
% Kopf- und Fußzeile
\usepackage[automark]{scrpage2}
%Quellcode-Listings
\usepackage{listings}
%Hyperlinks
\usepackage{hyperref}
%Kopfzeile
\ihead{Webentwicklung}
\chead{}
\ohead{http://kohnlehome.de/html/bootstrap.pdf}
\setheadsepline{0.5pt}
%Fußzeile
\setfootsepline{0.5pt}
\ifoot{Franz Kohnle}
\cfoot{Seite \thepage\ von \pageref{LastPage}}
\ofoot{\today}
\pagestyle{scrheadings}
\begin{document}
% Überschrift
\begin{center}
\LARGE % Schriftgröße
\bfseries % Fettdruck
\sffamily % Serifenlose Schrift
Bootstrap 5
\end{center}
\subsection*{Container}
\begin{verbatim}
\end{verbatim}
\subsection*{Alert}
\begin{verbatim}
Text
\end{verbatim}
\subsection*{Texteingabefeld}
\begin{verbatim}
\end{verbatim}
\subsection*{Dropdown}
\begin{verbatim}
\end{verbatim}
\subsection*{Checkbox}
\begin{verbatim}
\end{verbatim}
\subsection*{Radiobuttons}
\begin{verbatim}
\end{verbatim}
\subsection*{Slider}
\begin{verbatim}
\end{verbatim}
\subsection*{Button}
\begin{verbatim}
\end{verbatim}
\noindent
\begin{minipage}{10cm}
\subsection*{Abstände, Rahmen, Farben}
\begin{tabular}{l | l}
CSS & Bootstrap-Klasse \\ \hline \hline
\texttt{margin-bottom} & \texttt{mb-3} \\
\texttt{padding} & \texttt{p-3} \\ \hline
\texttt{border} & \texttt{border border-primary} \\ \hline
\texttt{color} & \texttt{text-primary} \\
\texttt{background-color} & \texttt{bg-primary} \\
\end{tabular}
\end{minipage}
\begin{minipage}{6cm}
\begin{tabular}{l | l}
Bootstrap-Klasse & Farbe \\ \hline \hline
\texttt{-primary} & blau \\
\texttt{-secondary} & grau \\
\texttt{-success} & grün \\
\texttt{-danger} & rot \\
\texttt{-warning} & orange \\
\texttt{-info} & türkis \\
\texttt{-light} & hellgrau \\
\texttt{-dark} & schwarz \\
\end{tabular}
\end{minipage}
\noindent
\end{document}