Css 容器内流体和行引导栅格的固定高度
我只在我的页面上使用引导gris系统。 我试图确定一个元素在计数器和一行中的高度Css 容器内流体和行引导栅格的固定高度,css,twitter-bootstrap,grid,height,containers,Css,Twitter Bootstrap,Grid,Height,Containers,我只在我的页面上使用引导gris系统。 我试图确定一个元素在计数器和一行中的高度 <div class="container-fluid firstcontainer"> <div class="row"> <header scroll ng-class="document.body.scrollTop > 100 ? 'fullNav' : ''" class="header col-xs-12 col-md-10 col-md-of
<div class="container-fluid firstcontainer">
<div class="row">
<header scroll ng-class="document.body.scrollTop > 100 ? 'fullNav' : ''" class="header col-xs-12 col-md-10 col-md-offset-1">
<a href="#" class="header__icon" id="header__icon" ng-click="withSidebar = !withSidebar"></a>
<a href="#" class="header__logo"><span>MS94</span></a>
<nav class="menu">
<a href="#">Accueil</a>
<a href="#">Voilà</a>
</nav>
</header>
<section id="intro" class="intro">
<span class="col-md-10 col-md-offset-1">
<h1>Un titre qui envoi du steack haché</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste nulla, rerum! Ratione magni sed, esse, placeat consequuntur animi repellat ullam praesentium, voluptatibus ipsam error architecto vitae distinctio porro! Excepturi, omnis!</p>
</span>
</section>
<section class="brand col-xs-12">
<div class="col-xs-3 col-md-2 col-md-offset-2"><img src="img/logo/1.jpg"></div>
<div class="col-xs-3 col-md-2"><img src="img/logo/2.jpg"></div>
<div class="col-xs-3 col-md-2"><img src="img/logo/3.jpg"></div>
<div class="col-xs-3 col-md-2"><img src="img/logo/4.jpg"></div>
</section>
</div>
</div>
我试着让block intro占据70%的高度,品牌block占据30%;
第一类容器有一个高度:100%占据所有位置。
但是简介和品牌并不关心css中的高度
提前感谢您在介绍中的帮助。您有一个填充:15%10%。我猜你希望使用15+15=30%的高度。但是,百分比单位基于屏幕的宽度而不是高度。我认为这是您需要解决的第一个问题。我已经添加了填充以强制高度作为临时解决方案。但是,如果我发现如何在不填充每个元素的情况下强制将高度设置为0.intro需要设置高度:100%,那么我将不使用此选项。这一排没有。Add.firstcontainer>.row{height:100%;}谢谢,这就是问题所在