图股利和TXT（H3）对齐

-1

我不知道如何使这些要素：（带班imgBoxPost和H3股利图股利和TXT（H3）对齐

<div class="panel-body"> 
    <div class="imgBoxPost"> 
     <img src="img/<?php echo $_SESSION['image']; ?>" class="imgFitInTheBox imgRadius"> 
    </div> 
    <h3><?php echo $_SESSION['username'] ?></h3> 
</div>

在imgboxPost我有宽度和高度。那DIV

来源

2017-04-22 Belciug Ovidiu-Mihai

要对齐哪个布局添加自举类？ –

让他们直列块：（如果你想将它们对齐垂直居中，添加vertical-align: middle;到CSS规则）

.panel-body .imgBoxPost, 
 
.panel-body h3 { 
 
    display: inline-block; 
 
}

<div class="panel-body"> 
 
    <div class="imgBoxPost"> 
 
     <img src="http://placehold.it/60x90/fb5" class="imgFitInTheBox imgRadius"> 
 
    </div> 
 
    <h3>This is an H3 element</h3> 
 
</div>

在从这里 http://getbootstrap.com/ 你的代码下载引导

来源

2017-04-22 14:02:26 Johannes

添加Twitter的引导，然后在你的代码

<div class="panel-body row"> 
<div class="col-md-12"> 
    <div class="imgBoxPost col-md-6" > 
     <img src="img/<?php echo $_SESSION['image']; ?>" class="imgFitInTheBox imgRadius"> 
    </div> 
    <div class="col-md-6"> <h3><?php echo $_SESSION['username'] ?></h3></div> 
</div> 
</div>

来源

2017-04-22 14:05:01 Muzammil

图股利和TXT（H3）对齐

回答

相关问题