Spacing of two divs with bootstrap

0

I'm two divs that are glued together and I wanted to have a vertical split in them, but I'm not doing it right. I'm using the bootstrap

spacebetweenthefilebuttonandsavebuttonincase

<div><div><span>ArquivoReferenteaRequisição<inputclass="btn btn-file" data-icon="false" type:"file"   />
      </span>
   </div>
   <div>
      <button>Salvar</button>
   </div>
</div>
    
asked by anonymous 27.09.2018 / 14:27

1 answer

0

You have several ways of doing this. In your case you can use a margin .:

  

CSS's margin property defines the margin area on all four sides   of the element. It is an abbreviation that defines all the individual margins   in one go: margin-top, margin-right, margin-bottom, and margin-left.

So for your case, just put a margin-bottom on the div of input and set the distance. See:

.upload-file {
  background-color: #F1F1F1;
  margin-bottom: 1.2rem;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<div>
   <div class="upload-file">
      <span>
      Arquivo Referente a Requisição
      <input type = "file"/>
      </span>
   </div>
   <div>
      <button>Salvar</button>
   </div>
</div>

Note: In your input type file you have a small error, you are using a type: 'file' in HTML, the correct one would be: type = 'file', com um = ''.

References

27.09.2018 / 14:36