Acme | Home

Basic example

For basic styling—light padding and only horizontal dividers—add the base class .table to any <table> . It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we've opted to isolate our custom table styles.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Striped rows

Use .table-striped to add zebra-striping to any table row within the <tbody> .

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Bordered table

Add .table-bordered for borders on all sides of the table and cells.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
1	Mark	Otto	@TwBootstrap
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter

Hover rows

Add .table-hover to enable a hover state on table rows within a <tbody> .

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter

Condensed table

Add .table-condensed to make tables more compact by cutting cell padding in half.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter

Contextual classes

Use contextual classes to color table rows or individual cells.

Class	Description
`.active`	Applies the hover color to a particular row or cell
`.success`	Indicates a successful or positive action
`.info`	Indicates a neutral informative change or action
`.warning`	Indicates a warning that might need attention
`.danger`	Indicates a dangerous or potentially negative action

#	Column heading	Column heading	Column heading
1	Column content	Column content	Column content
2	Column content	Column content	Column content
3	Column content	Column content	Column content
4	Column content	Column content	Column content
5	Column content	Column content	Column content
6	Column content	Column content	Column content
7	Column content	Column content	Column content
8	Column content	Column content	Column content
9	Column content	Column content	Column content

Primer semestre	ED4022 Tecnología e innovación en educación Curso sello	ED5075 Propuesta de investigación I	OP5062 Optativo I Pensamiento científico y metodología de la investigación educativa	OP5063 Optativo II Metodología de investigación cuantitativa I	-
Segundo Semestre	ED5076 Propuesta de investigación II Evaluación de avance por parte del Comité de evaluación de trayectorias académicas	OP5064 Optativo III Metodología de investigación cuantitativa II	OP5065 Optativo IV Metodología de investigación cualitativa I	OP5066 Optativo V	-
Tercer Semestre	ED5077 Propuesta de investigación III Examen calificador evaluado por el Comité de evaluación de disertaciones	OP5069 Optativo VIII	OP5067 Optativo VI Metodología de investigación cualitativa II	OP5068 Optativo VII Metodología de investigación participativa	ED5078 Seminario de investigación I
Cuarto Semestre	ED5081 Investigación dirigida I Evaluación de avance por parte del Comité de evaluación de trayectorias académicas	ED5082 Investigación dirigida II Producto - Presentación de ponencia en congreso	OP5070 Optativo IX	OP5071 Optativo X
Quinto Semestre	ED5083 Investigación dirigida III Propuesta de disertación evaluada por el Comité de evaluación de disertaciones	ED6033 Investigación doctoral I Participación en un proyecto interdisciplinario	ED6034 Investigación doctoral II Producto - Artículo en revista indizada sobre tema de disertación	OP5072 Optativo XI	ED5079 Seminario de investigación II
Sexto Semestre	ED6035 Investigación doctoral III Evaluación de avance por parte del Comité de evaluación de trayectorias académicas	ED6036 Investigación doctoral IV Estancia nacional o internacional	ED6037 Investigación doctoral V Producto - Artículo en revista indizada sobre tema de disertación	ED6038 Investigación doctoral VI
Séptimo Semestre	ED6039 Investigación doctoral VII	ED6040 Investigación doctoral VIII Producto - Presentación de ponencia en congreso	ED6041 Investigación doctoral IX Producto - Artículo en revista indizada sobre tema de disertación	ED6042 Investigación doctoral X	ED5080 Seminario de investigación III
Octavo Semestre	ED6043 Investigación doctoral XI Evaluación de avance por parte del Comité de evaluación de trayectorias académicas	ED6044 Investigación doctoral XII Participación en un grupo de investigación interdisciplinar	ED6045 Investigación doctoral XIII	ED6046 Investigación doctoral XIV	ED6000 Defensa doctoral Disertación final evaluada por el Comité de evaluación de disertaciones

Responsive tables

Create responsive tables by wrapping any .table in .table-responsive to make them scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.

#	Table heading	Table heading	Table heading	Table heading	Table heading	Table heading
1	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell
2	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell
3	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell

#	Table heading	Table heading	Table heading	Table heading	Table heading	Table heading
1	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell
2	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell
3	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell

Table

Tables