Css 引导navbar品牌名称高于navbar nav--如何？

我似乎不知道如何在引导导航菜单上方放置引导标题。 我的想法是从250px高度的标题开始，导航菜单上方有导航品牌，导航品牌和导航栏都以导航为中心。当用户开始滚动时，标题将收缩为默认引导标题，因为它在该代码笔中处于当前形式：

这可以通过使用简单的引导类或一点css代码来实现，还是应该根据窗口大小来绝对定位标题和导航菜单。。。？我希望有人能帮我这个

$（窗口）。滚动（函数（）{
如果（$（文档）.scrollTop（）>15）{
//$（'nav'）.addClass（'shrink'）；
console.log（'shrink'）；
}否则{
//$（'nav'）.removeClass（'shrink'）；
console.log（'unshrink'）；
}
}); 

/*
我的想法是从250px高度的标题开始，导航菜单上方有导航品牌，导航品牌和导航栏都以导航为中心。当用户开始滚动时，标题将收缩为默认引导标题，因为它在这个代码笔中是当前形式。
使用Bootstrap 4 alpha，复制的源代码主要来自https://v4-alpha.getbootstrap.com/examples/navbar-top-fixed/
*/
身体{
填充顶部：80px；
}
@介质（最小宽度：992px）{
导航{
高度：250px；
}
身体{
填充顶部：290px；
}
}

用于引导的固定顶部导航栏示例








导航栏示例
此示例是一个快速练习，用于说明固定顶部导航栏的工作原理。滚动时，它将保持固定在浏览器视口的顶部

艾蒂安·朗库斯。时间之美，调味品之美，自由之美，平等之美。Nam quam nunc，blandit vel，luctus pulvinar，hendrerit id，lorem。这是一个非常重要的时刻。不要为威尼斯人的自由而浪费生命。纳拉姆·奎斯·安特。我坐在那里，或者我坐在那里。杜伊斯·利奥。塞德·弗林斯·莫里斯坐在阿梅特·尼布旁边。大矢状背根。他是一名妇女，利奥·埃吉特·比本杜姆·索达莱斯，奥古斯·维利特·库苏斯·努克，她是一名自由的孕妇。乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云。前庭purus quam，权杖，软垫，非软垫，metus。酒后驾车。乌尔里西斯我是亨德雷特·弗林利亚。虎口浮雕和肘部浮雕同侧前庭；在拉齐尼亚的一对夫妇中。
纳姆·普雷蒂姆·图尔皮斯和阿尔库。杜伊斯·阿库·托托、苏西比特·埃吉特、因佩雷特·内克、因佩雷特·艾库利斯、伊普苏姆。塞德·阿利夸姆·尤特里斯·莫里斯。整数前弧、accumsan a、Concertetuer eget、posuere ut、mauris。祈祷告别。紫背飞虱。努姆·诺米·梅特斯。自由前前庭。酒后驾车。前庭的矢状体。无主无主厄洛斯，邪教坐阿梅特，无主本德，帝国主义封建主义者，佩德。塞德·莱克托斯。Donec mollis hendrerit risus。Phasellus nec sem在justo pellentesque设施中的应用。伊蒂亚姆帝国主义饮食帝国主义。纳克内克。菲塞勒斯·利奥·多洛、坦普斯·农、拍卖人等、亨德雷特·奎斯、尼西。
库拉比图尔·利古拉·萨皮恩、蒂尼登·农、尤伊斯莫·维塔伊、波苏尔·因佩特、利奥。Maecenas malesuada。马萨的普拉森康格酒店。这是一只小火鸡。多内克·波苏尔·沃普塔特·阿库。阿库姆桑·维利特（Phasellus accumsan cursus velit）。虎口浮雕和肘部浮雕同侧前庭；我是阿利奎姆，我是康格，我是尤伊斯莫·奥奇，我是多尔·莱克图斯·奥奇。前庭前庭。埃尼安·泰勒斯·梅特斯、比本杜姆·塞德、波苏尔·ac、马蒂斯·农、努克。流苏前庭位于阿梅特奥古斯。在turpis。佩伦茨克·波苏尔。普雷森特turpis。
埃尼安·波苏尔、被封建主义者、奥古斯·布朗迪特·努克、欧盟领袖乌纳·多洛·萨吉蒂斯·拉库斯。Donec Elite libero、sodales nec、Volvata、suscipit non、turpis。矢状沟。pulvinar Suspendisse，augue ac venenatis调味品，sem libero Volvorit Pat nibh，nec Pellentsque velit pede quis nunc。虎口浮雕和肘部浮雕同侧前庭；Fusce id purus。这是自由女神。多洛相思酒店。前庭侧径。佩伦茨克。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。
在酒后驾车时，posuere eget、前庭et、临时拍卖人justo。在ac felis quis tortor malesuada pretium中。佩伦茨克拍卖行内克·内克·乌尔纳。密歇根州尤伊斯莫德市奥克托·奎斯市a门市智者益普生公司。埃尼安·维韦拉·朗库斯·佩德。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。但这并不是一种哀伤。万岁。菲舍卢斯是一个埃斯特。大相思。
在hac habitasse Plateum，一句名言。拉库斯ac阿维利特酒店的库拉比图尔酒店。库拉比图尔猫在努克弗林里拉特里斯提克。莫比·马蒂斯·乌兰科珀·维利特。妊娠期子宫肌瘤。Nullam vel sem。佩伦茨克自由侵权人，tincidunt et，tincidunt eget，semper nec，quam。塞德·亨德雷特。莫比ac猫。努克·埃吉斯塔斯，佩伦茨克·拉奥里特的奥古斯，狮子座的爱神，马莱苏达·维利特·利奥·奎斯·佩德的爱神。多奈克·英特杜姆、梅特斯和亨德雷特·阿利奎特、多洛尔·迪亚姆·萨吉蒂·利古拉、埃吉特·埃吉斯塔斯·利伯罗·图皮斯·韦尔米。Nunc nulla。Fusce risus nisl、viverra et、Tempora et、pretium in、sapien。杜内克·维内纳提斯·瓦卢姆。
莫比·内克·梅特斯。菲舍勒斯·布兰迪特·利奥·奥迪奥。梅塞纳斯·乌兰科珀、酒后驾车和酒后驾车、厄洛斯·佩德·瓦里乌斯·尼西、康涅狄格州
<div class="container d-flex flex-column align-items-start">..</div>