Javascript Blogger上的引导导航栏-如何设置

大家好，我刚刚在Blogger上写了一个博客，并对宽度、边距等进行了更改。我在codepen上发现了这个非常平滑的bootsrap导航条。我试图弄乱它，但我似乎找不到解决方案，如何使它看起来像codepen上的一样。我设法让下拉菜单出现，但它有点可怕。我尽我所能复制了所有的blogger css，并设法删除了溢出：隐藏在样式表中。然后将其粘贴回“高级自定义css”页面

我只在源html中更改了此代码

 .tabs.widget ul,.tabs.widget ul{
    margin: 0;
    padding: 0;
    /* overflow: hidden; */
    list-style: none;
} 

---

blogspot上的此模板有自己的样式，因此他们正在覆盖或添加一些破坏您样式的内容，请尝试覆盖或删除它们。
这是一段代码，请将其从皮肤样式中删除：

.tabs-inner .widget li a {
    display: inline-block;
    margin: 0;
    padding: .6em 1.5em;
    font: normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
    color: #444444;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    height: 16px;
    line-height: 16px;
}

---

请编辑您的问题以包含您编写的代码。