HTML Elemente <!doctype html> <html lang="de"> <head> <meta charset=utf-8> <title>HTML5 Bootstrap Intern</title> <link rel="stylesheet" href="http://depot43.ch/unterlagen/themes/bootstrap/css/bootstrap.css"> <style> .panel {width:50%;margin-left:10%;} </style> </head> <body> <h3>Normale Panels</h3> <div class="panel panel-default"> <div class="panel-heading">Panel Titel</div> <div class="panel-body">Panel Inhalt</div> </div> <h3>Kontextbezogene Panels</h3> <div class="panel-group"> <div class="panel panel-default"> <div class="panel-heading">Panel Titel - Standard</div> <div class="panel-body">Panel Inhalt</div> </div> <div class="panel panel-primary"> <div class="panel-heading">Panel Titel - Anzeige</div> <div class="panel-body">Panel Inhalt</div> </div> <div class="panel panel-success"> <div class="panel-heading">Panel Titel - Erfolg</div> <div class="panel-body">Panel Inhalt</div> </div> <div class="panel panel-info"> <div class="panel-heading">Panel with panel-info class</div> <div class="panel-body">Panel Inhalt</div> </div> <div class="panel panel-warning"> <div class="panel-heading">Panel Titel - Warnung</div> <div class="panel-body">Panel Inhalt</div> </div> <div class="panel panel-danger"> <div class="panel-heading">Panel Titel - Gefahr</div> <div class="panel-body">Panel Inhalt</div> </div> </div> </body> </html>