Elementos básicos.

Encabezado
También puedes utilizar la etiqueta <small> para agregar texto secundario como se muestra en el siguiente ejemplo:

Alineación

Utiliza las clases text-left, text-center, text-right y text-justify en párrafos para alinearlos a la izquierda, centro, derecha y justificados respectivamente.

Tablas

Para aplicarle los estilos de Bootstrap a las tablas debes agregar la clase table:
<table class="table">
...
</table>

Tablas con bandas

Agrega la clase table-striped para intercalar el fondo de las filas entre blanco y gris:
<table class="table table-striped">
...
</table>

Botones

Agrega la clase btn sobre las etiquetas <a> y <button>, en conjunto con una de las siguientes clases para crear un botón más estilizado: btn-default, btn-primary, btn-success, btn-info, btn-warning, btn-danger o btn-link.
<button type="button" class="btn btn-default

Tamaños

Utiliza las clases btn-lg, btn-sm y btn-xs para cambiar el tamaño del botón.

Mostrar en bloque

Utiliza la clase btn-block para que el botón ocupe el 100% del elemento que lo contiene.

Botones deshabilitados

Agrega la propiedad disabled sobre los <button> y la clase .disabled sobre los <a> para que el botón parezca deshabilitado:
<a href="#" class="btn btn-primary disabled">

Imágenes

Para hacer las imágenes responsive agrega la clase img-responsive a <img>:
<img src="..." class="img-responsive" alt="Responsive image">
Utiliza la clase img-rounded para aplicarle borders redondeados a la imagen:
<img src="..." alt="..." class="img-rounded">
Utiliza la clase img-circle para que la imagen aparezca en un círculo:
<img src="..." alt="..." class="img-circle">
Utiliza la clase img-thumbnail para agregarle un bordes redondeados y un borde adicional a la imagen:
<img src="..." alt="..." class="img-thumbnail">

Entradas más populares de este blog

Maquetación web

Imagen
La maquetación web  consiste en transformar el diseño de una web en un conjunto de archivos ( html, css  y  js ) para que los navegadores web puedan interpretarlos y reproducirlos correctamente en diferentes dispositivos. La maquetación es una fase avanzada del proceso de desarrollo web. Pasos a seguir hasta llegar a la fase de  maquetación web :   Briefing inicial Si la web ofrece una información clara, bien estructurada y atractiva el usuario tendrá todas las facilidades para acceder a los contenidos que le interesan rápidamente y conseguir una experiencia satisfactoria. Generación de contenidos Una buena experiencia se traduce con una mayor duración de la estancia de los visitantes en la web. Diseño Si ofrecemos una información de calidad y en un formato atractivo tenemos muchas más posibilidades de reducir el porcentaje de visitas que abandonan la web después de pocos segundos de haber accedido y sin realizar ninguna acción. Maquetación web Ofrec...
Leer más

Estilos básicos

Imagen
Estilos La forma en que se ven todos los elementos de nuestra página web depende del estilo. El estilo se compone de distintas propiedades y sus valores correspondientes. Las propiedades pueden ser el color de la fuente, el tamaño, la alineación, los márgenes, etc... Los valores dependen de cada propiedad, por ejemplo, a la propiedad  color  le podemos asignar valores como  red  (rojo),  blue  (azul),... y a la propiedad  tamaño fuente  le podemos asignar un valor en porcentaje  100% ,  120% , ... o en píxeles  12px ,  15px , .... El formato a seguir para definir una propiedad es: propiedad: valor; o propiedad: valor1 valor2 valor3; si puede tener varios valores. Por ejemplo, si queremos que el texto sea de color rojo y un tamaño de fuente de 120%, escribiríamos el siguiente estilo: color:red; font-size:120% y obtendríamos el siguiente resultado: Texto rojo a 120% Es decir, el color y tamaño de este estilo han prevalecid...
Leer más