将文本放在Bootstrap行的底部(垂直对齐)

时间:2014-04-16 13:54:18

标签: html css twitter-bootstrap

我有一行,我有一个2宽的列用于图像,10宽用于其他内容(导航栏等)。文本根据需要与图像分开并位于同一行,但我希望导航栏与图像位于同一“线”上(与图像底部位于同一水平面上)。我还想在图片中看到两个较小的图像。我尝试了绝对相对定位和许多其他方法,但我似乎无法让它工作。什么是最好的方法?

<div class="container nav-container">
        <div class="row-fluid">
            <div class="col-md-2">
                <img src="../logo.png" width="100%" height="100%">
            </div>
            <div class="col-md-10">
                <div class="row-fluid pull-right">
                <img src="../en.png" width="50px" height="25px"><img src="../ru.png" width="50px" height="25px">
                </div>
                <div class="row-fluid">
                    <p class="pull-right"><a href="#">Главная</a> | <a href="#">Галерея</a> | <a href="#">Продукция</a> | <a href="#">Заказ</a> | <a href="#">Оплата</a> | <a href="#">Доставка</a></p>
                </div>
            </div>
        </div>
    </div>

http://i.stack.imgur.com/EV8SL.png

0 个答案:

没有答案