<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Демо проверка знаний о таблицах bootstrap 3</title> <meta name="author" content="Я" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link href="/assets/css/bootstrap.css" rel="stylesheet" /> <script src="/assets/js/jquery-2.1.1.min.js"></script> <script src="/assets/js/bootstrap.min.js"></script> </head> <body class="container"> <div class="row"> <div class="col-md-12"> <header> <h1>Проверка себя</h1> <p>Попробуйте внести изменения или дополнить собственных.</p> </header> <section> <!--Ваш код--> <div class="table-responsive"> <table class="table"> <thead> <tr> <th>Класс</th> <th>Состояние и цвет</th> </tr> </thead> <tbody> <tr class="active"> <td>class="active"</td> <td>Изменяет состояние при наведении</td> </tr> <tr class="success"> <td>class="success"</td> <td>Изменяет цвет строк и ячеек</td> </tr> <tr class="info"> <td>class="info"</td> <td>Изменяет цвет строк и ячеек</td> </tr> <tr class="warning"> <td>class="warning"</td> <td>Изменяет цвет строк и ячеек</td> </tr> <tr class="danger"> <td>class="danger"</td> <td>Изменяет цвет строк и ячеек</td> </tr> </tbody> </table> </div> <!--/Ваш код--> </section> </div> </div> </body> </html>