Buttons
   PBX: (502) 2285-9800
Sep 17 Written by 
Published in Shortcode

Buttons

Buttonclass=""Description
btn Standard gray button with gradient
btn btn-primary Provides extra visual weight and identifies the primary action in a set of buttons
btn btn-info Used as an alternative to the default styles
btn btn-success Indicates a successful or positive action
btn btn-warning Indicates caution should be taken with this action
btn btn-danger Indicates a dangerous or potentially negative action
btn btn-inverse Alternate dark gray button, not tied to a semantic action or use

Get the code

<button class="btn">Default</button><button class="btn btn-primary">Primary</button>
<button class="btn btn-info">Info</button>
<button class="btn btn-success">Success</button>
<button class="btn btn-warning">Warning</button>
<button class="btn btn-danger">Danger</button>
<button class="btn btn-inverse">Inverse</button>

Buttons for actions

As a convention, buttons should only be used for actions while hyperlinks are to be used for objects. For instance, "Download" should be a button while "recent activity" should be a link.

Button styles can be applied to anything with the .btn class applied. However, typically you'll want to apply these to only <a> and <button> elements.

Cross browser compatibility

IE9 doesn't crop background gradients on rounded corners, so we remove it. Related, IE9 jankifies disabled button elements, rendering text gray with a nasty text-shadow that we cannot fix.

Multiple sizes

Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for two additional sizes.


Disabled state

For disabled buttons, add the .disabled class to links and the disabled attribute for <button> elements.

Primary link Link

Heads up! We use .disabled as a utility class here, similar to the common .active class, so no prefix is required.

One class, multiple tags

Use the .btn class on an <a>, <button>, or <input> element.

Link
<a class="btn" href="">Link</a>
<button class="btn" type="submit">
  Button
</button>
<input class="btn" type="button"
         value="Input">
<input class="btn" type="submit"
         value="Submit">

As a best practice, try to match the element for you context to ensure matching cross-browser rendering. If you have an input, use an <input type="submit"> for your button.

back to top

¿Necesitas ayuda? Estamos disponibles en Servicio en Linea

Nuestro sitio www.transexpress.com.gt te permitirá consultar el movimiento de tu cuenta, calculadora de costos de importación y rastrear tus compras. Todos los costos de aranceles referidos son usados únicamente como referencia para tus compras, sin embargo pueden variar. TransExpress modifica estos precios dependiendo de las informaciones proveídas por las diferentes aduanas del mundo. Si deseas tener información precisa acerca de costos de aduanas para un país determinado, consulta con la entidad respectiva. Si deseas obtener tarifas especiales por cada país ingresa a nuestro sitio local. TransExpress, Transexpress. , son marcas registradas de TransExpress Global e-Commerce Logistics en USA.

En nuestro blog, puedes encontrar como Comprar por Internet desde Guatemala!.

Acerca de Nosotros

  • TransExpress  es una empresa internacional que cuenta con más de 30 años de experiencia y una red de distribución mundial. Contamos con agencias localizadas en 22 países de Latinoamérica y el Caribe, lo que nos permite agilizar nuestras operaciones y brindar siempre sus entregas a tiempo. Nuestro centro de distribución, ubicado en Miami, Florida es la sede donde se coordina la logística, operación y despacho de todas nuestras agencias, asimismo, contamos con alianzas estratégicas que nos permiten brindarle un excelente servicio.

    read more

Encuéntranos en:

 

Top of Page

Preguntas Frecuentes | Politica de Privacidad | Términos y Condiciones | Acerca de Nosotros