Table (<table>) elements are not great for building layouts for responsive design, but they can still be useful for displaying tabular data to the customer online. The Bootstrap library includes a number of variations on how tables can be styled by adding Bootstrap classes to them. For more information, refer to http://getbootstrap.com/css/#tables.
Whenever you choose to build a table in article content, pay close attention to the number of columns in the table. Unlike the Bootstrap grid system, tables do not respond well to shrinking browser windows If they contain too much data they will bleed outside of the content area.
If you must use a table, remember to try Bootstrap’s “responsive table” (http://getbootstrap.com/css/#tables-responsive). Using the following code with tables will ensure that the table does not bleed outside of the content area:
<div class="table-responsive"> <table class="table"> ... </table> </div> |
