引导程序像无法正常工作

杰森·彭

知名会员
已加入
2019年8月13日
留言内容
46
编程经验
Beginner
我有一堆我用崇高的文字运行的html和css代码。输出就像我想要的一样好。但是,当我想在asp.net中使用相同的方法时,我将代码从崇高的代码转移到了asp.net,这似乎使asp.net网页变小了,并且某些功能(如文本的定位)已经不存在了。我错过了什么吗?我确定引导程序可以正常工作,因为当我删除链接时,它只是显示了一个白色屏幕。我究竟做错了什么? asp.net可以做什么有一些限制?例如,例如来自我html的导航栏就是这样

1572790766193.png

但是,对于我的asp.net来说是这样的:

1572790803279.png

字体要小得多,我知道图片不在那儿,但整个布局看起来有所不同。

这是我的导航栏代码:

C#:
    <div id="home">
        <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
            <a class="navbar-brand" href="index.html"><img src="img/w3newbie.png"></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarResponsive">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="#home">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#course">Course</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#portfolio">Porfolio</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#team">Team</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#contact">Contact</a>
                    </li>
                </ul>
            </div>

        </nav>
    </div>

这是css代码:

CSS:
@import url('//fonts.googleapis.com/css?family=Lato:400,700&display=swap');

body {
    font-family: 'Lato', sans-serif;
    color: #505962;
    overflow-x: hidden;
}

/*--- Navbar --*/
.navbar {
    text-transform: uppercase;
    font-weight: 700;
    font-size: .9rem;
    letter-spacing: .1rem;
    background: rgb(0,0,0) !important;
}

.navbar-brand img {
    height: 2rem;
}

.navbar-nav li {
    padding-right: 0.7rem;
}

.navbar-dark .navbar-nav .nav-link {
    color: white;
    padding-top: .8rem;
}

    .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link:hover {
        color: green;
    }

当我悬停时,我没有得到代码中的绿色。有没有我没有提到的引导程序吗?我遵循与html代码相同的链接。

C#:
    <link href="~/Content/Site.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="~/Content/Style.css" />
    <script src="~/Scripts/modernizr-2.6.2.js"></script>
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
    <script src="//use.fontawesome.com/releases/v5.0.8/js/all.js"></script>

看起来好像网站在asp.net中要小得多,并且某些特性(如悬停)不是绿色的,导航栏也不是那么透明。
 
由主持人最后编辑:

跳伞

工作人员
已加入
2019年4月6日
留言内容
2,536
地点
弗吉尼亚州切萨皮克
编程经验
10+
在我看来,这似乎是HTML和CSS的问题,由于托管在基于C#的Web应用程序中,因此C#只是辅助功能。
 

跳伞

工作人员
已加入
2019年4月6日
留言内容
2,536
地点
弗吉尼亚州切萨皮克
编程经验
10+
我不使用Sublime,所以这个问题可能很幼稚:在测试站点时,sublime是否使用与Visual Studio中配置的浏览器相同的浏览器/渲染器?

无论如何,启动F12开发工具并开始检查各个部分的有效CSS。您正在设置的CSS实际上正在应用吗?如果是这样,则检查Sublime呈现的计算出的CSS值与浏览器计算出的CSS值?
 

杰森·彭

知名会员
已加入
2019年8月13日
留言内容
46
编程经验
Beginner
当我下班回来时,我会看看。我不确定这是否是我未引用的引导程序,因为与hml网站相比,asp,net的外观肯定更小。某些要素缺失。但我会看看您说的是什么,并检查CSS
 
最佳 底部