Finish table section

- Mostly the same, added responsive table for comparison
parent 13a7d9e1
Pipeline #1050 passed with stage
in 57 seconds
......@@ -2,7 +2,6 @@
<!DOCTYPE html>
<html lang="en">
<!-- Header content -->
<head>
<!-- Metatags -->
<meta charset="utf-8">
......@@ -38,7 +37,6 @@
</head>
<!-- Body content -->
<body>
<!-- Define the navbar with the primary background color -->
<nav class="navbar navbar-toggleable-sm navbar-inverse bg-primary fixed-top">
......@@ -385,11 +383,9 @@
</div>
</div>
</div>
</div>
<!-- Typography
================================================== -->
<!-- Typography ================================================== -->
<div class="bs-docs-section">
<div class="row">
<div class="col-lg-12">
......@@ -402,7 +398,6 @@
</div>
<!-- Headings -->
<div class="row">
<div class="col-lg-4">
<div class="bs-component">
......@@ -420,6 +415,7 @@
auctor.</p>
</div>
</div>
<div class="col-lg-4">
<div class="bs-component">
<h2>Example body text</h2>
......@@ -431,8 +427,8 @@
<p>The following is <em>rendered as italicized text</em>.</p>
<p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p>
</div>
</div>
<div class="col-lg-4">
<div class="bs-component">
<h2>Emphasis classes</h2>
......@@ -443,17 +439,16 @@
<p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
<p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
</div>
</div>
</div>
<!-- Blockquotes -->
<div class="row">
<div class="col-lg-12">
<h2 id="type-blockquotes">Blockquotes</h2>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="bs-component">
......@@ -464,6 +459,7 @@
</blockquote>
</div>
</div>
<div class="col-lg-6">
<div class="bs-component">
<blockquote class="blockquote blockquote-reverse">
......@@ -476,8 +472,7 @@
</div>
</div>
<!-- Tables
================================================== -->
<!-- Tables ================================================== -->
<div class="bs-docs-section">
<div class="row">
......@@ -544,13 +539,68 @@
</tbody>
</table>
</div>
<!-- /example -->
<div class="bs-component">
<table class="table table-responsive table-striped table-hover table-bordered">
<thead class="thead-inverse">
<tr>
<th>#</th>
<th>Column heading</th>
<th>Column heading</th>
<th>Column heading</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Column content</td>
<td>Column content</td>
<td>Column content</td>
</tr>
<tr>
<td>2</td>
<td>Column content</td>
<td>Column content</td>
<td>Column content</td>
</tr>
<tr class="table-info">
<td>3</td>
<td>Column content</td>
<td>Column content</td>
<td>Column content</td>
</tr>
<tr class="table-success">
<td>4</td>
<td>Column content</td>
<td>Column content</td>
<td>Column content</td>
</tr>
<tr class="table-danger">
<td>5</td>
<td>Column content</td>
<td>Column content</td>
<td>Column content</td>
</tr>
<tr class="table-warning">
<td>6</td>
<td>Column content</td>
<td>Column content</td>
<td>Column content</td>
</tr>
<tr class="table-active">
<td>7</td>
<td>Column content</td>
<td>Column content</td>
<td>Column content</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- Forms
================================================== -->
<!-- Forms ================================================== -->
<div class="bs-docs-section">
<div class="row">
<div class="col-lg-12">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment