如何增加 header 右栏的宽度

Question

我正在尝试增加 header 右侧的大小，因为当我写电话号码时，它会移动并变成不止一行。

你能查一下吗here

Answer 1

将 CSS class 'container' 更改为 'topbar div' 正下方的 'container-fluid'。它将以更动态的方式分配可用宽度。请参阅 this Q&A 了解这两种样式之间的区别。

Answer 2

要避免换行，您可以使用 white-space:nowrap;。在您的例子中，phone 数字放置在具有 call 样式的 span 中。因此，在您的 style.css 文件中找到 call class 定义，将此样式添加到其中：

.topbar span.call {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    white-space:nowrap;
}