Twitter bootstrap 引导基本布局:内容div左侧的图像

Twitter bootstrap 引导基本布局:内容div左侧的图像,twitter-bootstrap,Twitter Bootstrap,我现在从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

我现在从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>
喜欢这个问题,但使用bootstarp时方法正确。

添加这个

<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>

头衔

副标题,副标题,副标题。。。。


在引导中,它被称为介质默认值

您的代码将类似于:

<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>

媒体标题
...
<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>