부트 스트랩 4 양식 단추 끝에 맞 춥니 다

Question

단추를 아래쪽에 맞추는 방법을 찾는 중입니다. 나는 col-md-3과 메인 콘텐츠 col-md-8을 고정 된 크기의 캔버스에두고 있습니다. 옆으로 주요 내용에 높이를 따릅니다. 그러나 제쳐두고 마지막 버튼 (나는 항상 바닥에 붙이고 싶다.)은 작동하지 않는다. 캔버스가 높이를 결정하기 때문에 조정할 필요가있는 els가 있습니까? 버튼에 클래스를 position-absolute 및 fixed-bottom 추가

<aside class="col-md-3 bg-light"> 

     <a href="https://placeholder.com" class="d-flex justify-content-center"><img src="http://via.placeholder.com/100x100"></a> 

     <div class=""> 

     <form> 
      <div class="form-group"> 
      <label for="exampleFormControlInput1">Email address</label> 
      <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com"> 
      </div> 
      <div class="form-group"> 
      <label for="exampleFormControlSelect1">Example select</label> 
      <select class="form-control" id="exampleFormControlSelect1"> 
       <option>1</option> 
       <option>2</option> 
       <option>3</option> 
       <option>4</option> 
       <option>5</option> 
      </select> 
      </div> 
      <div class="form-group"> 
      <label for="exampleFormControlSelect2">Example multiple select</label> 
      <select multiple class="form-control" id="exampleFormControlSelect2"> 
       <option>1</option> 
       <option>2</option> 
       <option>3</option> 
       <option>4</option> 
       <option>5</option> 
      </select> 
      </div> 
      <div class="form-group"> 
      <label for="exampleFormControlTextarea1">Example textarea</label> 
      <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea> 
      </div> 
     </form> 

     </div> 

     <div class="align-items-end"> 
     <div class="mb-3"> 
      <button type="button" class="btn btn-secondary btn-lg btn-block">Add to cart</button> 
     </div> 
     </div> 

    </aside> 

    <!-- Canvas --> 
    <div class="col-md-9 bg-secondary d-flex justify-content-center"> 
     <canvas style="width: 590.6px; height: 826.8px; outline: none; background-color: #fff;" class="mt-5 mb-5"></canvas> 
    </div> 

Answer 1

그것을해야한다.

부트 스트랩의 spacing utilites을 사용하여 여백을 조정할 수 있습니다.