Could you suggest a way to format this by using Bootstrap?

Hi Experts

Could you suggest a way to format these conrols by using Bootstrap?

The controls are too closer one from the other.

img004
link = link+ "<p><a href=\'"+valor.anexo+ "\' target=\'_blank\' class=\'anexo\' name=\'link\'>"+anexo+"</a><button type=\'button\'  class=\'call-ajax\' data-anexo=\'" + anexo + "\' data-id_rec=\'" + id_rec+ "\'>Excluir</button></p>";

Open in new window


Thanks in advance!
Eduardo FuerteAsked:
Who is Participating?
 
leakim971Connect With a Mentor PluritechnicianCommented:
For example :
link = link+ "<p><a href=\'"+valor.anexo+ "\' target=\'_blank\' class=\'anexo btn btn-primary\' name=\'link\'><span class=\'glyphicon glyphicon-eye-open\'></span> "+anexo+"</a><button type=\'button\'  class=\'call-ajax btn btn-danger\' data-anexo=\'" + anexo + "\' data-id_rec=\'" + id_rec+ "\'><span class=\'glyphicon glyphicon-remove\'></span> Excluir</button></p>";

Open in new window


test page : https://jsfiddle.net/fdL1q0hv/

          <a href="/some/link" target="_blank" class="anexo btn btn-primary"><span class="glyphicon glyphicon-eye-open"></span> img_EE_041116_002.png</a>  
      <button type="button" class="call-ajax btn btn-danger" data-anexo="anexo" data-id_rec="someid">
        <span class="glyphicon glyphicon-remove"></span> Excluir
      </button>

Open in new window

0
 
Prasadh BaapaatWeb Designer & DeveloperCommented:
Not clear what your question is...  it will be better if you give a URL instead of image
0
 
Ray PaseurCommented:
Maybe add some CSS to the cascade after the Bootstrap CSS.  You can put some margin to the left of the Excluir  button.
0
 
Julian HansenConnect With a Mentor Commented:
Just put a &nbsp; between </a> and </button>
link = link+ "<p><a href=\'"+valor.anexo+ "\' target=\'_blank\' class=\'anexo\' name=\'link\'>"+anexo+"</a> &nbsp; <button type=\'button\'  class=\'call-ajax\' data-anexo=\'" + anexo + "\' data-id_rec=\'" + id_rec+ "\'>Excluir</button></p>";

Open in new window

0
 
Eduardo FuerteAuthor Commented:
Thank you very much!

Fits very well to my needs.

img001
0
All Courses

From novice to tech pro — start learning today.