Question

以下是我正在使用的代码。出于某种原因，我无法在div.chatBox和输入之间获得显示。任何人都可以给我任何建议。

<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

根据bootstrap guidieline，您的div元素应该有一个row类。
然后您可以为它们添加样式作为1em的边距，而不是使用分隔线。

Answer 2

正如evolutionxbox所说，你必须使用css来核心显示你的元素。

然而你的br标签工作正常，只是你的第一个div是空的，所以你看不出差异，尝试这两个样本，有和没有br。

＆＃13;

<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>

＆＃13;

<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>

＆＃13;

Answer 3

您使用<br/>标记的方式无效，因为<div>已经是一个块元素，这就是您认为<br>标记无效的原因。

如果您想添加一些空格，请使用 

<br/>元素在div和输入之间不起作用

3 个答案: