时间戳

首页 > 解决方案 > Blogger 上的引导导航栏 - 如何设置

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

问题描述

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

https://nostalgiatrain.blogspot.com https://codepen.io/atelierbram/pen/vymHL

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

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

标签： javascripthtmlcss

解决方案

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;
}

推荐阅读