Exchange of icons and text

Navigation
-2

How could I exchange a <button type="button" class="fa fa-user btn btn-white btn-sm> with <button type="button" class="btn btn-white btn-sm> ? That is, instead of the icon appearing, the text appears.

Code: 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"/>
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />

<div class="row justify-content-between">
  <div class="col-12 col-md-3">
    <button type="button" class="fa fa-user btn btn-white btn-sm "></button>Ver Imagen
  </div>
  <div class="col-12 col-md-3">
    <button type="button" class="fa fa-user btn btn-white btn-sm "></button>Ver Imagen
  </div>
  <div class="col-12 col-md-3">
    <button type="button" class="fa fa-user btn btn-white btn-sm "></button>Ver Imagen
  </div>
</div>

What I am or want to try is to hide the icon so that only the button with text appears.

    
asked by soniky 13.07.2018 в 09:04
source

1 answer

0

You copy the class for example for <i class='fa fa-times'></i> in your css you put 

i.fa-times:before{
   content: "Cerrar";
   font-family : "Arial";
}
    
answered by 13.07.2018 в 09:07
Call to a member function rowCount () on boolean-Php Help with a Javascript function to add several dataset to a chartjs from the database?