Question

我现在从Botsraf开始。我有一个基本布局如下内容：

<div class="jumbotron">
  <img src="http://www.w3schools.com/bootstrap/cinqueterre.jpg" />
  <div>
      <h1>a title</h1>
      <p class="lead">
          a sub title, sub title, sub title....
      </p>
    </div>
</div>

直播示例：http://www.bootply.com/DSuDe10sGW

我希望图像漂浮在左边，标题和＆amp;右边的子标题。蚂蚁高度jumbotron div适合图片（或div内容，最高）。像：

|      |  title
| img  |  sub title.. sub title.. sub title..
|      |  sub title..

喜欢这个qustion The basic style for make this layot，但是使用bootstarp以正确的方式。

Answer 1

添加 DEMO

<div style="margin-left: 325px;margin-top: -179px;">

此完整代码

  <div class="jumbotron">
          <img src="http://www.w3schools.com/bootstrap/cinqueterre.jpg">
          <div style="margin-left: 325px;margin-top: -179px;">
              <h1>a title</h1>
              <p class="lead">
                  a sub title, sub title, sub title....
              </p>
            </div>
        </div>

bootstrap基本布局：内容div左侧的图像

1 个答案: