我有一行,我有一个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>