使用Bootstrap-如何在保持响应速度的同时使两行各具有两个水平列的高度相同

Question

我正在尝试创建一个响应式导航和搜索栏容器行，该行由左侧的3列长徽标（由两个水平列组成）和右侧的9列长导航和搜索栏组成（也由两个水平列组成-顶部导航和底部搜索）。我需要所有这些列在不同的设备中都具有相同的高度。请参阅图片以了解当前和预期结果：

我尝试使用w-100和100％的高度，再加上各种引导技巧，以使所有列都具有相同的高度，但似乎无法正确实现，并且硬编码列的高度将无法在所有设备上使用。我不是引导专家，因此可能在此设计中存在根本缺陷。

CREATE USER myuser WITH ENCRYPTED PASSWORD ''my+password''

预期结果如屏幕截图所示。 感谢您的帮助！

Answer 1

简化结构。没有理由使用嵌套。

WITH   A
AS     (SELECT *
         FROM   [RbdBlocks]),
       B
AS     (SELECT [x].[Id],
               [x].[Description],
               [x].[Page] AS Page1,
               [y].[Page] AS Page2,
        FROM   A AS x
               LEFT OUTER JOIN
               A AS y
               ON y.Id = x.Page)
SELECT *
FROM   B

https://www.codeply.com/go/C89nFud7db