如何使用Twitter Bootstrap在右上角放置一个div

时间:2014-07-17 14:54:38

标签: html css twitter-bootstrap

我正在尝试使用包含以下内容的div:

You're logged as 'username' (<a href='logout.php'>logout?</a>)

但是当我试图把它放进去的时候,它会放在我的标题下面。这是我尝试使这项工作的代码。

<body>
    <div class="container">
        <div class="row">
            <span6>
                <h1><a href="#">My Header</a></h1>
            </span6>
            <span6>
                <p class="text-right">
                    You're logged in as username (<a href='logout.php'>logout?</a>)
                </p>
            </span6>
        </div>
    </div>
</body>

这使得注销部分显示在我想要的右侧,但它显示在标题下方,而我希望它与标题位于同一垂直位置。

1 个答案:

答案 0 :(得分:2)

你需要在一个包含在“行”

中的div上使span6成为一个类

BootStrap

<div class="row">
  <div class="span9">
    Level 1 column
    <div class="row">
      <div class="span6">Level 2</div>
      <div class="span3">Level 2</div>
    </div>
  </div>
</div>