Botones

Botón amarillo

Utilizá el botón amarillo para hacer un llamado a la acción. Por ejemplo, en las páginas que presenten programas, es ideal incluirlo al principio y al final.

Código para crearlo

<p><a class="btn btn-primary" href="Entre las comillas poner desde /estandares/contenidos-digitales/como-escribir-en-markdown/botones" target="_blank">Aquí va el nombre del botón</a></p>

Cómo se ve

Inscribite

(*)Agregá el nodo de la página de buenosaires a la que redirige el botón o la url completa si dirige a una página externa.

Botón gris

El botón gris es para acciones secundarias. Usá este botón para los contenidos de menor jerarquía dentro de tu página como por ejemplo una descarga, explicá de qué se trata el archivo brevemente antes del botón. También podés usarlo en los casos que se dirigen fuera del sitio de buenosaires.gob.ar.

Código para crearlo

<p><a class="btn btn-default" href="Entre las comillas poner desde /sites/gcaba/files/archivo.pdf" target="_blank">Aquí va el nombre del botón</a></p>

Cómo se ve

Descargá el instructivo

(*)El target="_blank" en el código del botón indica que el destino o descarga del botón se abra en una página nueva. También lo podemos usar cuando queremos dirigir al usuario hacia una página fuera de buenosaires.gob.ar.

Tamaños

El tamaño del botón debe reflejar su prioridad en la pantalla. El botón más grande es el más importante. Si son demasiado pequeños dificulta su navegación. Hacé que los botones sean fáciles de usar desde los celulares. Revisá siempre tu contenido publicado desde tu celular. Inscribite <p><a class="btn btn-lg btn-primary" href="/estandares/contenidos-digitales/como-escribir-en-markdown/botones" target="_blank">Inscribite</a></p> Inscribite <p><a class="btn btn-primary" href="/estandares/contenidos-digitales/como-escribir-en-markdown/botones" target="_blank">Inscribite</a></p> Inscribite <p><a class="btn btn-sm btn-primary" href="/estandares/contenidos-digitales/como-escribir-en-markdown/botones" target="_blank">Inscribite</a></p>