전체 화면에서 MVC 웹 응용 프로그램 늘임

MVC 웹 응용 프로그램이 전체 화면을 사용하도록 설정을 찾고 있습니다 (그림에서 빨간색 선 참조). 몇 가지 코드를 게시하게되어 기쁩니다. 그러나 이렇게 보이므로 새 프로젝트가 만들어지면 새 MVC 응용 프로그램의 기본 코드를 게시하게됩니다.전체 화면에서 MVC 웹 응용 프로그램 늘임

body { 
    padding-top: 50px; 
    padding-bottom: 20px; 
} 

/* Set padding to keep content from hitting the edges */ 
.body-content { 
    padding-left: 15px; 
    padding-right: 15px; 
} 

/* Override the default bootstrap behavior where horizontal description lists 
    will truncate terms that are too long to fit in the left column 
*/ 
.dl-horizontal dt { 
    white-space: normal; 
} 

/* Set width on the form input elements since they're 100% wide by default */ 
input, 
select, 
textarea { 
    max-width: 600px; 
}

출처

2017-12-29 Mister 832

은 대형 기기 위의 DIV에서 container 및 body-content 클래스를 제거

나는 전체 프로젝트에서 찾을 수 body-content의 유일한 예는 다음과 같이 보이는 Site.css에 위치 .

업데이트 : 그것은 ASP.NET 템플릿에서이 아니다, 그것은 부트 스트랩에서의 :

출처

2017-12-29 09:05:04 Mithgroth

이 찾아 작품이, 감사합니다. 그러나'container'와'body-content'는 패딩 값만 설정했기 때문에 얻을 수 없습니다. 이 스타일을 어떻게 바꾸어야합니까? –

그들 중 하나는'max-width'도 가지며, 점보트론의 너비도 제한합니다. 점보 트론을 전체 너비로만 만들려면 jumbotron div를'container' 및'body-content'의 위와 위쪽으로 가져갈 수 있습니다. 그것은 역시 효과가있다. – Mithgroth

그게 바로 스타일 시트에서 max-width와 같은 것을 찾을 수 없기 때문에 내가 궁금하게 생각한 것입니다 (업데이트 된 질문 참조). 실제로 저는 점보트론을 신경 쓰지 않습니다. 내용은 저에게 중요한 부분입니다. –

전체 화면에서 MVC 웹 응용 프로그램 늘임

답변

관련 문제