부트 스트랩 섹션 패딩 문제

Question

다음 html이 있습니다. 세 번째 섹션에는 버튼 그룹 뒤에 패딩이 없습니다. 왜 그런가요?

<section style="background-color:#e67e22"> 
    <div class="container"> 
     <h1>Edit</h1> 
    </div> 

</section> 

<section class="well" > 
<div class="container"> 
    <label for="inventory-name">Inventory Name</label> 
    <input type="text" value="@Model.InventoryName" autofocus class="form-control" id="inventory-name" /> 
</div> 

</section> 

<section > 
    <div class="container"> 
    <div class="btn-group" role="group" aria-label="Basic example"> 
     <button type="button" class="btn btn-default">Save Changes</button> 
     <button type="button" class="btn btn-default">Add</button> 
     <button type="button" class="btn btn-success">Post to Facebook</button> 

     <button type="button" class="btn btn-danger">Delete</button> 
    </div> 
</div> 

</section> 

<section> 
<div class="container"> 

    <p>Hello</p> 

</div> 

    </section> 

Answer 1

공인 getbootstrap.com은 margin-top과 margin-bottom을 제공하기 위해 사용자 정의 클래스도 사용했습니다. 당신이

See this image to see developer view of the custom class they used

의견을 받고하지 않으면 ...!