2017-03-09 7 views
0

でのレンダリングではない:最初のPICのように見えるshoudlCSSは完全にこれは私の<em>_Layout.cshtml</em>ファイルで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> 

最終結果が、2番目のPICのように見える終わります。私はそれを得ることはできません、CSSは部分的にしかレンダリングされないのですか?誰かがブートストラップを自動的にCSSを一行も書かずに、私のWebページを美しくすることを期待することができますどのように

What it should look like

What it looks like

答えて

0

。あなたのページ(例:SPORTS STOREセクション)を右クリックし、inspectをクリックします。ここで、何がCSSに間違っているのかを確認してください。場合によっては、HTML要素とCSSにユーザー定義クラスを追加してブートストラップCSSをオーバーライドする必要があります。たとえば、あなたのSPORTS STOREテキストは表示されません。そのdivまたはpまたはspanにクラスを追加します。そして、CSSのようになります。

.myTextClassName 
{ 
color:white !important; 
} 
.myTopDivClassName 
{ 
background-color:black !important; 
border-radius:4px !important; 
} 
関連する問題