这是我的_Layout.cshtml 文件:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" asp-href-include="lib/bootstrap/dist/css/*.min.css" />
<title>SportsStore</title> </head> <body>
<div class="navbar navbar-inverse" role="navigation">
<a class="navbar-brand" href="#">Faen as!!</a>
</div>
<div class="row panel">
<div id="categories" class="col-xs-3">
<h6>Side items</h6>
</div>
<div class="col-xs-8">
@RenderBody()
</div>
</div>
</body>
</html>
最终结果应该看起来像第一张图片,但最终看起来像第二张图片。我不明白,为什么 CSS 只呈现部分内容?
最佳答案
怎么会有人期望 Bootstrap 会自动使我的网页变得漂亮而无需编写一行 css。右键单击您的页面(例如:SPORTS STORE 部分),然后单击检查。在这里检查 css 有什么问题,为什么它没有绑定(bind)。有时您需要通过向 HTML 元素添加用户定义的类来覆盖 bootstrap css,并在 CSS 中添加 important 以正确呈现。例如,此处未显示您的 SPORTS STORE 文本。向该 div 或 p 或 span 添加一个类。在 css 中它会像,
.myTextClassName
{
color:white !important;
}
.myTopDivClassName
{
background-color:black !important;
border-radius:4px !important;
}
关于CSS 未在 ASP.NET Core 中完全呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42695888/