Bootstrap tables

can you write my assignment Bootstrap provides a clean layout for building tables. To create a nice, basic table style with just some light padding and horizontal dividers, add the base class of .table to any table as shown in the following example. Along with the base table markup and the .table class, there are a few additional classes that you can use to style the markup. Basic table: law essay marking service <!DOCTYPE html> <html> <head> <script data-require="jquery@*" data-semver="2.0.3" src=""></script> <script data-require="bootstrap@*" data-semver="3.1.1" src="//"></script> <link data-require="bootstrap-css@*" data-semver="3.1.1" rel="stylesheet" href="//" /> <link rel="stylesheet" href="style.css" /> <script src="script.js"></script> </head> <body> <table class="table"> <caption>Basic Table Layout</caption> <thead> <tr> <th>City</th> <th>Pin</th> </tr> </thead> <tbody> <tr> <td>Hydrabad</td> <td>500001</td> </tr> <tr> <td>Bangalore</td> <td>560002</td> </tr> <tr> <td>Kolkata</td> <td>700001</td> </tr> </tbody> </table> </body> </html>

enter basic

By adding the .table-striped class, we will get stripes on rows within the <tbody> as seen in the following example:

help writing net ionic equations <body> <table class="table table-striped"> <caption>Striped Table Layout</caption> <thead> <tr> <th>City</th> <th>Pin</th> </tr> </thead> <tbody> <tr> <td>Hydrabad</td> <td>500001</td> </tr> <tr> <td>Bangalore</td> <td>560002</td> </tr> <tr> <td>Kolkata</td> <td>700001</td> </tr> </tbody> </table> </body>

enter striped

By adding the .table-hover class, a light gray background will be added to rows while the cursor hovers over them, as seen in the following example:

essay order of organization <body> <table class="table table-hover"> <caption>Hover Table Layout</caption> <thead> <tr> <th>City</th> <th>Pin</th> </tr> </thead> <tbody> <tr> <td>Hydrabad</td> <td>500001</td> </tr> <tr> <td>Bangalore</td> <td>560002</td> </tr> <tr> <td>Kolkata</td> <td>700001</td> </tr> </tbody> </table> </body>

term paper about education hover

take 200 mg viagra Contextual classes:
The Contextual classes shown in following table will allow to change the background color of table rows or individual cells.These classes can be applied to <tr>, <td> or <th>.
In the below table we have shown the danger level of air pollution in respective cities.

cheap dissertation writers <body> <table class="table table-hover"> <caption>Context Table Layout</caption> <thead> <tr> <th>City</th> <th>Pin</th> </tr> </thead> <tbody> <tr class="success"> <td>Hydrabad</td> <td>500001</td> </tr> <tr class="active"> <td>Bangalore</td> <td>560002</td> </tr> <tr class="warning"> <td>Kolkata</td> <td class=>700001</td> </tr> </tbody> </table> </body>


By adding the .table-bordered class, borders surrounding every element and rounded corners around the entire table as seen in the following example:

  <table class="table table-bordered">
    <caption>border Table Layout</caption>
      <tr class="success">
      <tr class="active">
      <tr class="warning">


other useful links:
1>Bootstrap Grid System
2>Bootstrap Nav-bar
3>Working with scrollspy in bootstrap
4>Bootstrap list-group
5>Dropdown buttons in Bootstrap
6>Bootstrap Dropdown Menu

If you find this article helpful, you can connect us in  click here Google+ and  Twitter.

Enter your email address: Delivered by FeedBurner

2 thoughts on “Bootstrap tables

Leave a Reply

Your email address will not be published. Required fields are marked *