Ejemplo 1: Aplicando Bootstrap a controlesTextBox, Button y LinkButton

 

En este ejemplo, vemos de tres formas distintas un conjunto de controles formando un simple buscador. Para ello utililzamos TextBox, Button y LinkButton.

En el primer caso, los controles están tan cual salen del cuadro de herramientas, no sujetos a ninguna clase CSS, en el segundo, ya aplicamos varias clases de Bootstrap y en el tercer caso, hemos sustituido el control de servidor Button por un LinkButton para incorporar un icono sobre el botón.

 

1

 

 

2

 

 

3

 

  Buscar  

 

 

Código fuente:

 

Clases Bootstrap utilizadas:

row: Comienzo de una fila

col-md-4: Tipo de columna de tamaño colapsable medio y un ancho de valor 4 (de 1 a 12)

btn-info: Tipo botón de color cyan (info). Otros tipos: default, primary, danger, success, etc...

form-control: Control de formulario

glyphicon-search: Símbolo con el icono "lupa". Bootstrap dispone de 200 iconos distintos

Copyright © SiiNet®.com. Servicios Informáticos e Internet