-2
votes

Comment mettre le bouton en bas à gauche dans la div

Supposons d'avoir une div avec un bouton, je veux mettre ce bouton en bas à gauche:

<div class="col-12">
  <div class="col-md-12">
    <button type="button" label="Cancella Stazioni selezionate" style="margin-top:10%"></button>
  </div>
</div>

html css bootstrap-4 sass

0 commentaires

4 Réponses :

-1
votes

Vous pouvez le faire à l'aide d'un aspect CSS simple: Position Code>.

p>



<div class="col-12">
 <div class="col-md-12 container">
   <button type="button" label="Cancella Stazioni selezionate">Button 1</button>
   
 </div>
</div>

0 commentaires

-1
votes

<button class="myclass">
  CLick
</button>

.myclass{
  position: fixed; 
  left: 0px; 
  background-color: green; 
  bottom: 0px
}
Checkout this fiddle: https://jsfiddle.net/4uvf6Lge/

0 commentaires

0
votes

Utilisation de flexbox

Align-auto: flex-extr kt code> strong> p>

p>

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" /> <div class="col-12"> <div class="col-md-12 d-flex"> <button type="button" label="Cancella Stazioni selezionate">Button</button> </div> </div>

0 commentaires

0
votes

Vous pouvez utiliser bootstrap 4 mt-auto code> classe comme SO:


  m  strong> - set la marge  li>
  t  strong> - Définit la marge-haut ou le rembourrage-top  li>
  auto  fort> - Définit la marge sur Auto  Li>
 ul>   p> 


<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" />
<div class="wrapper d-flex">
  <div class="mt-auto p-2">
    <button type="button" label="Cancella Stazioni selezionate">Button</button>
  </div>
</div>

0 commentaires