gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-27 23:54:35 25 4
gpt4 key购买 nike

我正在尝试获取包含以下内容的 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>

这让注销部分按我的意愿出现在右侧,但它出现在标题下方,而我希望它与标题位于相同的垂直位置。

最佳答案

您需要将 span6 设为包含在“行”中的 div 上的类

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>

关于html - 如何使用 Twitter Bootstrap 在右上角放置一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24806918/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com