css - Bootstrap : How to align Image tag and two <p> tags in a bootstrap div?

Question

我是 bootstrap 的新手。我想在一个 div 中放置一个图像标签和两个

元素，这样图像标签和

元素应该并排。

代码:

     <div class="container">
        <div class="row">
        <div class="col-xs-2">
        <img class="img-responsive" src="../Content/Images/App/image1.png" style="height:50px; float:left" /> 
        <p>Employee ID</p>
        <p>EmployeeName</p>         
        </div>
    <div class="col-xs-2"></div>
    <div class="col-xs-2"></div>
    <div class="col-xs-2"></div>
    <div class="col-xs-2"></div>
<div class="col-xs-2"></div>
        </div>
        </div>

预期输出:

我想要图像和员工详细信息并行。(员工 ID 和员工姓名一个在另一个下面)

谁能帮忙？

提前致谢!

Answer 1

希望对您有所帮助:

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css');

<div class="row">
  <div class="col-xs-4">
    <img class="img-responsive" src="../Content/Images/App/image1.png" style="height:50px;"/> 
  </div>
  <div class="col-xs-4">
    <p>Employee ID</p>
  </div>
  <div class="col-xs-4">
    <p>EmployeeName</p>         
  </div>
</div>