bootstrap 4: el Botón con el Icono y el texto

Estoy tratando de crear botones como se puede ver a continuación con Bootstrap 4:

bootstrap 4: el Botón con el Icono y el texto

El icono (fuente impresionante) debe estar centrado a todo el texto y los iconos tienen la misma posición y en la pantalla. La frontera de los botones debe ser invisible.

¿Tengo que usar un botón o es mejor utilizar otro elemento? Cualquier ayuda es bienvenida.

OriginalEl autor netshark1000 | 2017-11-01

2 Kommentare

  1. 4

    Con bootstrap-4 y font-awesome, si desea lugar en el icono a la izquierda del texto, utilice el siguiente fragmento de código

    <button class='btn btn-lg ' style='background-color:transparent;'>
       <i class="fa fa-pencil"></i> Edit
    </button>

    OriginalEl autor Nitin Kamate

  2. 2

    Crear un div y, a continuación, poner la fuente impresionante iconos y, a continuación, escribir el texto, a continuación, prestar la necesaria css y, a continuación, puede utilizar (click) evento en el div.

    Install bootstrap and font-awesome 

    y, a continuación, proporcione la ruta de acceso en el ‘estilos’ de angular-cli.json.
    o,

    <button class='btn btn-lg ' style='background-color:transparent;'> 
      <div style='text-align:center;'><i class="fa fa-times"></i></div>  
        Cancel Reservation
    </button>

    OriginalEl autor Ahmad mnzr

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea