为什么我的 Bootstrap 列是堆叠的，而不是并排的？

问：

它是简单的 div 容器、div 行、div col-md-9、div col-md-3。 这段代码已经工作了 8 年或更长时间，突然间它就不行了。

它是 Razor 中最终批准信的顶部，通常适合信封窗口，右侧有发件人的徽标和地址。

<div class="container">
    <div class="row" style="border: solid 4px blue;">
        <div class="col-md-9" style="border:solid 2px red;">
            <br /><br />
            <br /><br />
            <p>
                @DateTime.Today.ToString("MMMM dd, yyyy")<br />
                <br /><br /><br />
                @Model.Courses.CurrentContactName<br />
                @Model.Courses.ContactBizName<br />
                @Model.Courses.ContactAddress<br />
                @Model.Courses.ContactCity,  @Model.Courses.ContactState @Model.Courses.ContactZip<br />
            </p>
        </div>

        <div class="col-md-3" style="border:solid 2px green;">
            <img src="~/images/oesac_white_2.25.jpg" />
            <br />
            <p style="font-size: 1.3rem;">
                OESAC CEU Committee<br />
                P. O. Box 577 <br />
                Canby, OR 97013-0577 <br />
                Phone: 503/698-6486 <br />
                Email: [email protected] <br />
                http://www.oesac.org

            </p>
        </div>

    </div> @*ROW*@

这是创建的网页。它有一个“打印”按钮，后面有JavaScript onclick=“window.print（）;（我将列的边框颜色设置为红色和绿色进行测试）

这是打印版本，我使用Chrome中打印预览的丝网打印来演示。（实际打印的页面也是如此）。

如果我没有正确解释这个问题，请帮我解释一下。 引导列旨在将接收方的地址放在信封窗口的中间，这有效，但发送方的徽标/地址会堆叠在下面。