CSS div容器宽度

时间:2016-12-01 00:57:45

标签: html css twitter-bootstrap

请查看“关于我们”和“与我们联系”页面here

我在让DIV容器正确对齐方面遇到了一些困难。我从来没有使用过DIV容器 - 上次我创建了一个基于桌子的网站并使用了Golive!

无论如何,问题应该是相当明显的 - 我想在左边有一个250x250的图像,图像右边的文字在它下面包裹着(x3)。整个批次应位于页面中间,最大宽度为1170像素。我无法解决它出错的地方。

同样在“联系我们”页面上,我的3个DIV容器垂直对齐,而不是在屏幕上对齐,每个容器占33%。所有在Dreamweaver实时视图中看起来都很棒,但在上传后无法在Chrome中使用。

我打赌这很简单,但我真的不知道!如果有人能指出我正确的方向,我将非常感激。

1 个答案:

答案 0 :(得分:1)

问题出现在下面的HTML行

对应航空&汽车

<div class="col-xs-6 col-sm-6 col-md-3 templatemo_col12 templatemo_margintop10">

使用此

替换整个div
<div class="row">
    <div class="col-xs-6 col-sm-6 col-md-3 templatemo_col12 templatemo_margintop10">
        <div class="item project-post">
            <div class="templatemo_about_box">
                <div class="square_coner">
                    <span class="texts-a"><i class="fa fa-paper-plane"></i></span>
                </div>
                Aviation &amp; Automotive
            </div>
            <a href="about-us.html"></a><div class="col-xs-6 col-sm-6 col-md-3 hover-box">
                <a href="about-us.html"></a>
                <div class="inner-hover-box">
                    <p>Repairs, maintenance and add-ons.  We specialise in one-off projects.</p>
                </div>
            </div>
        </div>
    </div>
</div>

enter image description here