段落引导旁边的图像

Question

你好我有一个简单的html代码，这是输出：

代码是

<img class="img-responsive" style="float:left;width:400px;height:700px;" src="../assets/images/san_jacinto.jpg">
<h3>Founding of the town</h3>
<p>Some text here/p> 

现在我已经设法使用bootstrap 2.3.1 media来完成它，现在又遇到了另一个问题： 我现在需要解决的是文本应该在图像下面继续。在引导程序中也可以吗？或者如果没有，我还能做什么？

Answer 1

解决方案非常简单，请尝试将$userId = 'system' $password = 'pass' $host = 'ip or hostname' $port = '1521' $serviceName = 'Your service name' $constr = "User Id=$userId;Password=$password;Data Source=(DESCRIPTION=(ADDRESS=(PROTOCOL=TCP)(HOST=$host)(PORT=$port))(CONNECT_DATA=(SERVICE_NAME=$serviceName)))" 和P标记放在父h3内，为其指定 css 类，然后添加{ {1}}到 css 类。看看这里：

padding

Answer 2

您可以为图片或添加一些Address Address_Stripped段落或 段落right-margin。

Answer 3

你可以使用bootstrap Media object：

<div class="media">
  <div class="media-left">
    <a href="#">
      <img class="media-object" src="..." alt="...">
    </a>
  </div>
  <div class="media-body">
    <h4 class="media-heading">Media heading</h4>
    ...
  </div>
</div>

Answer 4

为什么不将图像放在col-md-4中，将文本放在col-md-8中？

<div class="container">
    <div class="col-md-4">
        <img class="img-responsive" src="../assets/images/san_jacinto.jpg">
    </div>
    <div class="col-md-8">
        <h3>Founding of the town</h3>
        <p>Some text here/p> 
    </div>
</div>