2017-03-09 2 views
0

에서 렌더링되지 않는 : 첫 번째 그림과 같이 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> 

그 결과,하지만 두 번째 그림처럼 보이는 끝납니다. CSS를 부분적으로 만 렌더링하는 이유는 무엇입니까?

What it should look like

What it looks like

답변

0

누군가가 부트 스트랩 자동으로 CSS의 한 줄을 작성하지 않고 내 웹 페이지가 아름다운 것 기대할 수있는 방법. 귀하의 페이지 (예 : SPORTS STORE 섹션)를 마우스 오른쪽 버튼으로 클릭 한 다음 inspect를 클릭하십시오. 여기에 CSS가 무엇이 잘못되었는지 확인하십시오. 이유는 무엇입니까? 때로는 HTML 요소와 CSS에 사용자 정의 클래스를 추가하여 부트 스트랩 css를 재정의해야 올바르게 렌더링 할 수 있습니다. 예를 들어 여기에 SPORTS STORE 텍스트가 표시되지 않습니다. 해당 div 또는 p 또는 span에 클래스를 추가하십시오. 그리고 CSS에서 그것은 같을 것이다,