Bootstrap 4固定顶部导航栏内部列

Question

我尝试创建一个带有侧边栏的布局，左侧和右侧是一个固定的顶部导航栏，位于我的网站内容之下。 我有什么：

PREFIX dbr: <http://dbpedia.org/resource/>
SELECT DISTINCT ?c WHERE {
  dbr:Tom_Hanks a/rdfs:subClassOf* ?c .
} 

https://jsfiddle.net/0ka85tmn/1/

我似乎无法正确获取导航栏。它不会留在我的专栏中。我玩过位置属性，但无法使其正常工作。

任何人都可以提供帮助吗？

Answer 1

使用position:fixed将导航栏从正常文档流中取出并使其相对于整个页面，因此它不再包含在其父页面中。因此，您需要专门设置导航栏的位置......

.navbar {
    position: fixed;
    width: 100%;
    top: 0;
    left: 33.3333%;
    z-index: 1;
}

此外，我没有理由将其包含在row和col-12中。

演示：http://www.codeply.com/go/5bPIH8Tbiw