<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は空白なので、違いは見えません。この2つのサンプルを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/>タグを使用した方法は、すでにブロック要素であるため、はブロック要素ではありません。そのため、<br>タグが機能していないと感じています。

あなたには、いくつかのスペースを追加したい場合はevolutionxboxが言うように、あなたはあなたのcorectly要素を表示するためにCSSを使用する必要があり、