Question

我在引导程序中使用col-md-4时遇到了一个非常奇怪的问题。

它的行为好像它嵌套在一个宽度约为33％的div中（即每个col-md-4最终占总页面宽度的11.1％）。

问题是，col-md-4仅嵌套在其他2个div中，两者都设置为100％宽度。

我一直在摆弄这个约一个小时，现在没有任何作用。我唯一的理论是，有些东西会导致col-md-4被视为自己的容器（我觉得这听起来很愚蠢但是整个区域里面有col-md-4s因为某种原因，宽度为33.3％）。 / p>

一些相关的CSS

.container-fluid {
padding-right: 0%;
padding-left: 0%;
margin-right: auto;
margin-left: auto;
height: 100%;
}

.col-md-12 {
width: 100%;
margin: 0%;
margin: 0 auto;
}

.col-md-12.alpha {
height: 80%;
width: 100%;
}

.col-md-4 {
width: 33.33333333%;
}

和html

<body>
<div class="container-fluid">
<div class="navbar-static-top">...</div>
<div class="col-md-12 alpha">
    <div class="headline1">
        <div class="col-md-4 alpha">
            <h1>lorem ipsem<br> lorem ipsem<h1><br>
            <p class="arial">lorem ipsem<br> lorem ipsem<br>lorem ipsem</p>
        </div>
        <div class="col-md-4 beta">
            <img src='images/appleproducts/appleproducts.png'/>
        </div>
    </div>
</div>
<div class="col-md-12 alpha" style="background: white;"> 

    <h>hi</h><br>
    <div class="row">
        <div class="col-md-4">
            <img src=url('images/icons/iphone26.png');
        </div>
        <div class="col-md-4">
            ...
        </div>
        <div class="col-md-4">
            ...
        </div>
    </div>
</div>

Bootstrap：Col-md-4无处可见33.3％宽度

0 个答案: