Question

我正在构建一个原型页面，以向客户展示潜在的设计，并且我不断碰到侧栏和主体之间出现的图像，几乎没有错位。它似乎出现在它应该成为其中一部分的.row之上，但它只是漂浮在它之上。你可以在我的原型上看到这个实际操作（现在有点乱，现在仍然需要在网格整理后应用大部分样式）。 Here

相关标记从第146行开始：

<div class="row">
    <div class="col-lg-6">
        <div class="general">General Inquiries</div>
        <div class="organiz">Have an organizing tip?</div>
    </div>
    <div class="col-lg-3">
        <img class="featureimg hidden-sm" src="img/feature.png">
    </div>
    <div class="col-lg-3">
        <div class="construction">Construction and Specialized Workers</div>
        <div class="foot2">&copy; 2014 LiUNA! Local 1611 All Rights Reserved</div>
    </div>
</div>

因此风格如下：

.featureimg{
    width: 100%;
    position: absolute;
    bottom: 0;
    clear:both;
    max-width: 100%;
}

编辑：我已经回过头来检查文档并验证了标记，遗憾的是我仍遇到同样的问题。图像在1024x768下仍然无法正常工作，并且对于bootstrap的小而小的禁用是禁用的。

如果您需要澄清它应该是什么样子，PDF设计文件就在我的托管上。

http://derekgillies.com/LiUNA2/Pink%20Hardhat2.pdf

在多个行的引导网格中将图像定位在屏幕底部

0 个答案: