html - 为什么引导程序没有正确对齐单元格？

Question

我正在尝试使用 Bootstrap，并且遇到一个问题，即在中等分辨率下，应该并排的两列显示在彼此下方，请参见屏幕截图http://dynanetics.com/problem-screenshot.png，代码位于http://dynaetics.com

在更高的分辨率（大和 xlarge）下，这可以正常工作。为什么在中等分辨率下会发生这种情况？

任何帮助将不胜感激，谢谢。

相关代码如下：

        <div class="container">
            <div class="row">
                <div class="col-md-4">                      

                    <div class="row">
                        <div class="col-md-3 d-block float-left">
                            <img src="logo-sitesmall.png" class="d-block float-none">                              
                        </div>
                        <div class="col-md-6 d-block float-left text-center">
                            <h1 class="brandname">Test site name</h1>                              
                        </div>
                    </div>
                </div>
                <div class="col-md-4">                      
</div>
            </div>
        </div>

标签： htmlcssbootstrap-4

Answer 1

我认为您的 div="col-md-4"，在第一行 div 太小以至于两个内容都无法在中等分辨率下位于同一行之后，尝试增加它。