Leer más +
Educación Parvularia
La Educación Parvularia es el nivel educativo que atiende integralmente a niños desde su nacimiento hasta su ingreso a la educación básica, sin constituir antecedente obligatorio para ésta.
Leer más +
Ed.Gral. Básica 1º Ciclo
Enseñanza General Básica.Primer ciclo básico (1º a 4º básico). Enfasis de Este Nivel: Enseñar lectoescritura mediante método Matte en combinación con método Hispanoamericano e integral, metodología constructivista, combinada con conductista y sociocognitivista, talleres de comprensión lectora y escritura creativa...
Leer más +
Ed. Gral. Básica 2º Ciclo
Enseñanza General Básica. Segundo ciclo básico (5º a 8º básico). Énfasis de Este Nivel, profundización en comprensión lectora, desarrollando estrategias de lectura que permitan aplicación de habilidades superiores como: síntesis, análisis, inferencia, extracción de información explicita e implícita, vocabulario activo y argumentación...
Leer más+
Educación Media
La Educación Media es el nivel educacional que atiende a la población escolar que haya finalizado el nivel de educación básica y tiene por finalidad procurar que cada alumno expanda y profundice su formación general y desarrolle los conocimientos, habilidades y actitudes que le permitan ejercer una ciudadanía activa e integrarse a la sociedad,
DIARIO MURAL
INFORMACIÓN GENERAL. PERÍODO ESCOLAR
Información general que apoya al desarrollo del proceso escolar de su pupilo.
LISTA DE UTILES
Obtenga la lista de Útiles de cada curso 2026.
HORARIOS
Información nuevos horarios 2024.
APODERADOS
Horario de profesores para atención de Apoderados.
UNIFORME
Uniforme Escolar.
CIRCULARES
Circulares informativas, manuales, reglamentos.
REUNIONES
Reuniones de Apoderados, programación 2025.
PRUEBAS
Calendario de Pruebas 2026.
Últimas Noticias
Leer +
08 Enero 2026 by Super User, in BLOGRECONOCIMIENTO BUEN DESEMPEÑO PRUEBA PAES GENERACIÓN 2025
Leer +
09 Octubre 2025 by Super User, in BLOGAlfredo Ugarte, el Bichólogo, nos visita!!
Leer +
17 Junio 2024 by Super User, in BLOGCuadro de Honor - Talentos Musicales
Leer +
04 Junio 2024 by Super User, in BLOGCuadro de Honor - Talentos Artísticos
Table Designs
- Publicado: Jueves, 21 Marzo 2013 08:38
- Visto: 1462
Default styles
For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
<table class="table"> … </table>
Optional classes
Add any of the following classes to the .table base class.
.table-striped
Adds zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE7-IE8).
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
<table class="table table-striped"> … </table>
.table-bordered
Add borders and rounded corners to the table.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| Mark | Otto | @TwBootstrap | |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
<table class="table table-bordered"> … </table>
.table-hover
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 | ||
<table class="table table-hover"> … </table>
.table-condensed
Makes 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 | ||
<table class="table table-condensed"> … </table>
Optional row classes
Use contextual classes to color table rows.
| Class | Description |
|---|---|
.success |
Indicates a successful or positive action. |
.error |
Indicates a dangerous or potentially negative action. |
.warning |
Indicates a warning that might need attention. |
.info |
Used as an alternative to the default styles. |
| # | Product | Payment Taken | Status |
|---|---|---|---|
| 1 | TB - Monthly | 01/04/2012 | Approved |
| 2 | TB - Monthly | 02/04/2012 | Declined |
| 3 | TB - Monthly | 03/04/2012 | Pending |
| 4 | TB - Monthly | 04/04/2012 | Call in to confirm |
...
<tr class="success">
<td>1</td>
<td>TB - Monthly</td>
<td>01/04/2012</td>
<td>Approved</td>
</tr>
...
Supported table markup
List of supported table HTML elements and how they should be used.
| Tag | Description |
|---|---|
<table> |
Wrapping element for displaying data in a tabular format |
<thead> |
Container element for table header rows (<tr>) to label table columns |
<tbody> |
Container element for table rows (<tr>) in the body of the table |
<tr> |
Container element for a set of table cells (<td> or <th>) that appears on a single row |
<td> |
Default table cell |
<th> |
Special table cell for column (or row, depending on scope and placement) labels Must be used within a <thead> |
<caption> |
Description or summary of what the table holds, especially useful for screen readers |
<table>
<caption>...</caption>
<thead>
<tr>
<th>...</th>
<th>...</th>
</tr>
</thead>
<tbody>
<tr>
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table>
Bienvenidos a American College
Desde 1980, año de su fundación, nuestro establecimiento ha sido dirigido por la Srta. Helia Chávez Gómez, maestra que ha entregado lo mejor de sí, para abrir nuevas posibilidades de desarrollo a los niños de Villa Alemana. Nuestro colegio ha consolidado la Jornada Escolar Completa.
