导航程序的Bootstrap 4粘顶式停止工作

时间:2018-10-13 08:03:25

标签: html css bootstrap-4 navbar

滚动时,我的导航栏应该停留在顶部。这工作了一段时间,直到我尝试将登录按钮移到右侧。在尝试多次移动登录按钮失败之后,我恢复了之前的状态,并且导航栏停止工作。

以下是导航栏https://codeshare.io/GLJmWV的代码

通过谷歌搜索,我尝试了一些CSS类来修复它。我发现的所有内容都不起作用,或者只是将导航栏固定在屏幕顶部,但是由于我要在导航栏上方启动标题,因此无法正常工作。

我尝试过:

  • 位置:粘性
  • 具有位置:固定,宽度:100%,顶部:0的类
  • 还原到可以正常工作的旧文件
  • 右对齐
  • 文本版权
  • 以及我目前不记得的其他几件事

编辑: 这是整个页面https://codeshare.io/a30RoL的代码 这里也是我写的CSS代码https://codeshare.io/2W87m8

1 个答案:

答案 0 :(得分:2)

您的代码对我有用,但是最好使用固定的而不是粘性的。参见this

这意味着问题出在其他地方,您是否尝试过复制引导程序:

package com.rsmpl.hometask;


import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.remote.DesiredCapabilities;

 public class ComboValue {



    public static void main(String[] args) throws InterruptedException {

            System.setProperty("webdriver.gecko.driver", "E:\\Arijit_Backup\\Utility\\Java_setup\\geckodriver.exe");
            DesiredCapabilities capabilities = DesiredCapabilities.firefox();
            capabilities.setCapability("marionette", true);
            FirefoxDriver fd = new FirefoxDriver(capabilities);

            fd.get("http://74.50.58.66/jkhealth_test");

            Thread.sleep(10000);


        }

    }

Chrome也有一些问题,如果您使用溢出:隐藏,它将无法工作。