부트 스트랩에서 navbar 높이를 변경하려면 어떻게해야합니까? (링크 포함)

Question

기본 HTML, CSS 및 PHP를 배우고 있습니다. 내 기술을 시험하기 위해, 나는 가장 간단한 일을하고 새로운 것을 창조하려고 노력한다. 이 부트 스트랩 템플릿의 높이를 변경하려고했지만 아무 것도 작동하지 않는 것 같습니다. 어떤 도움이라도 대단히 감사하겠습니다.

링크 : 모든 항목의 높이를 automaticly 조정되기 때문에 http://demo.themeineed.com/free-dashboard-template/klorofil/elements.html

Answer 1

변경은 일반적으로 필요가없는 경우 새로운 콘텐츠 추가됩니다. 일부 객체에 맞춤 높이를 추가하려면 스타일 시트에 맞춤 CSS를 추가하는 등의 방법으로이를 수행 할 수 있습니다. 에 StackOverflow에

.main-content { 
    min-height: 500px; 
} 

전체 간단한 예를

div.example { 
 
background-color: green 
 
} 
 

 
div.exampleHeight { 
 
background-color: yellow; 
 
height: 200px; 
 
} 
 

 
div.exampleHeightTwo { 
 
background-color: lightgrey; 
 
min-height: 100px; 
 
}

<div class="col-lg-12 example"> 
 
    <p> 
 
    Hello 
 
    </p> 
 
</div> 
 
<div class="col-lg-12 exampleHeight"> 
 
    <p> 
 
    Added normal height element 
 
    </p> 
 
</div> 
 
<div class="col-lg-12 exampleHeightTwo"> 
 
    <p> 
 
    Added minimal height element 
 
    </p> 
 
</div>

Answer 2

을 편집 custom.css 페이지와 부트 스트랩의 높이를 변경하면 숫자 값

.navbar-inner { 
min-height: 40px; 
}