【问题标题】:Bootstrap Align Bottom of Images with bottom of DivBootstrap 将图像底部与 Div 底部对齐
【发布时间】:2013-08-13 09:01:03
【问题描述】:

我正在使用响应式引导网格:

<div class="row-fluid">
    <div class="span5 offset1">
        <div class="row-fluid">
            <div class="span6">
                <img class="img-polaroid" src="http://placehold.it/480x300">
            </div>
            <div class="span6">
                <img class="img-polaroid" src="http://placehold.it/480x300">
            </div>
        </div>
    </div>
    <div class="span5">
        <p>
            long content here
        </p>
    </div>
</div>

如何将图像的底部与长 paragraph 的底部对齐? http://bootply.com/73592

【问题讨论】:

  • 对齐是什么意思?垂直水平?您希望文本位于框的顶部还是下方?也许尝试去bootply.com 并建立一个例子?顺便说一句,您的行需要在 12 列中工作。
  • 我的意思是垂直对齐...

标签: html css twitter-bootstrap alignment


【解决方案1】:

这是你想要的吗?

<div class="row-fluid">
    <div class="span5 offset1">
        <div class="row-fluid">
            <div class="span6">
                <img class="img-polaroid" src="http://placehold.it/480x300">
            </div>
            <div class="span6">
                <img class="img-polaroid" src="http://placehold.it/480x300">
            </div>
        </div>
        <div class="row-fluid">
          <div class="span12">
            long content here 
          </div>
        </div>
    </div>
</div>

【讨论】:

    猜你喜欢
    • 2019-07-03
    • 2016-05-27
    • 2014-08-05
    • 2018-04-03
    • 2015-11-12
    • 1970-01-01
    • 2013-06-11
    • 1970-01-01
    相关资源
    最近更新 更多