<br> div와 입력 사이에 요소가 작동하지 않습니다.

Question

아래 코드는 제가 사용하고있는 코드입니다. 어떤 이유로 든 div.chatBox와 입력 사이에 br을 표시 할 수 없습니다. 아무도 내게 어떤 제안을 줄 수 있습니다.

<div class="container-fluid col-xs-12"> 
    <div class="row"> 
     <br> 
     <div class="chatBox col-xs-5 col-xs-offset-3" id="chatBox"> 
     </div> 

     <br> 

     <input type="text" class="col-xs-offset-4 col-xs-3"> 
    </div> 
</div> 

Answer 1

를 사용합니다.

하지만 br 태그가 제대로 작동하므로 첫 번째 div가 비어있어 차이점이 보이지 않으므로이 두 샘플을 br을 포함하거나 포함하지 않은 채로 사용해보십시오. 당신은 무엇을 의미합니까 -

<div class="container-fluid col-xs-12"> 
 
    <div class="row"> 
 
     <br> 
 
     <div class="chatBox col-xs-5 col-xs-offset-3" id="chatBox" style="background-color:red;width:160px;height:100px"> 
 
     </div> 
 

 
     <br/> 
 

 
     <input type="text" class="col-xs-offset-4 col-xs-3"> 
 
    </div> 
 
</div>

<div class="container-fluid col-xs-12"> 
 
    <div class="row"> 
 
     <br> 
 
     <div class="chatBox col-xs-5 col-xs-offset-3" id="chatBox" style="background-color:red;width:160px;height:100px"> 
 
     </div> 
 

 
     
 

 
     <input type="text" class="col-xs-offset-4 col-xs-3"> 
 
    </div> 
 
</div>

Answer 2

row 클래스가 있어야 guidieline 당신의 div 요소를 부트 스트랩에 따르면.
그리고 나서 브레이크 라인을 사용하는 대신 1em의 여백으로 스타일을 추가 할 수 있습니다.

Answer 3

<br/> 태그를 사용한 방법은 이미 <div>이 차단 요소이므로 영향을 미치지 않습니다. 그 이유는 사용자가 <br> 태그가 작동하지 않는 것 같은 느낌입니다. 당신이 공간을 추가하려면 evolutionxbox가 말한대로

다음 corectly 당신의 요소를 표시하기 위해 CSS를 사용해야