2017-03-09 150 views
0

完全呈現這是我_Layout.cshtml文件:CSS不是在ASP.NET核心

<!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> 

最終結果shoudl像第一張圖,但最終看起來像第二張圖。我不明白,爲什麼CSS只部分渲染?

What it should look like

What it looks like

回答

0

怎麼有人能指望引導會自動使我的網頁漂亮,而無需編寫CSS的單行。右鍵單擊您的頁面(例如:SPORTS STORE部分),然後點擊檢查。在這裏檢查什麼是錯誤的CSS,爲什麼它沒有約束力。有時你需要通過向HTML元素添加用戶定義的類來覆蓋引導CSS,並且在CSS中添加重要的元素以正確呈現。例如,這裏您的SPORTS STORE文字不顯示。向該div或p或跨度添加一個班級。並在CSS中它會像,

.myTextClassName 
{ 
color:white !important; 
} 
.myTopDivClassName 
{ 
background-color:black !important; 
border-radius:4px !important; 
}