如何使用多行+导航创建复杂的标题

Question

我开始使用bootstrap，尽管有官方文档，但我仍然遇到了一个复杂的案例。 这就是我想要做的事情：

我知道如何制作线条，导航栏，显示和隐藏它们，但我想知道如何制作网站的标题版本并切换到单行。

有没有人有想法？

Answer 1

您可以使用CSS @media Sample。

只是为了简化一切

<style>
 @media (min-width: 1200px) {
    table {
    width: 100%;
    height: 150px;
    }
 }
 @media (min-width: 768px) and (max-width: 1199px) {
    table {
    width: 100%;
    height: 200px;
    }

 }
 @media (max-width: 767px) {
    table {
    width: 100%;
    height: 90px;
    }

 }
</style>