Skip to content

GitLab

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

Finish table section 

- Mostly the same, added responsive table for comparison
parent 13a7d9e1
Pipeline #1050 passed with stage
    in 57 seconds
    Hide whitespace changes
    Inline Side-by-side
    Showing with 64 additions and 14 deletions
    index.html
    View file @ 15e8f0e4
    ......@@ -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