Unverified Commit 15e8f0e4 authored by David Haynes's avatar David Haynes
Browse files

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 @@ ...@@ -2,7 +2,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<!-- Header content --> <!-- Header content -->
<head> <head>
<!-- Metatags --> <!-- Metatags -->
<meta charset="utf-8"> <meta charset="utf-8">
...@@ -38,7 +37,6 @@ ...@@ -38,7 +37,6 @@
</head> </head>
<!-- Body content --> <!-- Body content -->
<body> <body>
<!-- Define the navbar with the primary background color --> <!-- Define the navbar with the primary background color -->
<nav class="navbar navbar-toggleable-sm navbar-inverse bg-primary fixed-top"> <nav class="navbar navbar-toggleable-sm navbar-inverse bg-primary fixed-top">
...@@ -385,11 +383,9 @@ ...@@ -385,11 +383,9 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Typography <!-- Typography ================================================== -->
================================================== -->
<div class="bs-docs-section"> <div class="bs-docs-section">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
...@@ -402,7 +398,6 @@ ...@@ -402,7 +398,6 @@
</div> </div>
<!-- Headings --> <!-- Headings -->
<div class="row"> <div class="row">
<div class="col-lg-4"> <div class="col-lg-4">
<div class="bs-component"> <div class="bs-component">
...@@ -420,6 +415,7 @@ ...@@ -420,6 +415,7 @@
auctor.</p> auctor.</p>
</div> </div>
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
<div class="bs-component"> <div class="bs-component">
<h2>Example body text</h2> <h2>Example body text</h2>
...@@ -431,8 +427,8 @@ ...@@ -431,8 +427,8 @@
<p>The following is <em>rendered as italicized text</em>.</p> <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> <p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p>
</div> </div>
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
<div class="bs-component"> <div class="bs-component">
<h2>Emphasis classes</h2> <h2>Emphasis classes</h2>
...@@ -443,17 +439,16 @@ ...@@ -443,17 +439,16 @@
<p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <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> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
</div> </div>
</div> </div>
</div> </div>
<!-- Blockquotes --> <!-- Blockquotes -->
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<h2 id="type-blockquotes">Blockquotes</h2> <h2 id="type-blockquotes">Blockquotes</h2>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-6"> <div class="col-lg-6">
<div class="bs-component"> <div class="bs-component">
...@@ -464,6 +459,7 @@ ...@@ -464,6 +459,7 @@
</blockquote> </blockquote>
</div> </div>
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<div class="bs-component"> <div class="bs-component">
<blockquote class="blockquote blockquote-reverse"> <blockquote class="blockquote blockquote-reverse">
...@@ -476,8 +472,7 @@ ...@@ -476,8 +472,7 @@
</div> </div>
</div> </div>
<!-- Tables <!-- Tables ================================================== -->
================================================== -->
<div class="bs-docs-section"> <div class="bs-docs-section">
<div class="row"> <div class="row">
...@@ -544,13 +539,68 @@ ...@@ -544,13 +539,68 @@
</tbody> </tbody>
</table> </table>
</div> </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> </div>
</div> </div>
<!-- Forms <!-- Forms ================================================== -->
================================================== -->
<div class="bs-docs-section"> <div class="bs-docs-section">
<div class="row"> <div class="row">
<div class="col-lg-12"> <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