在jumbotron中设置<h1>和<p>的位置可以通过CSS样式来实现。可以使用以下方法:
<div class="jumbotron">
<h1>Title</h1>
<p>Content</p>
</div>
<style>
.jumbotron {
display: flex;
flex-direction: column;
}
h1 {
flex: 1;
}
p {
flex: 2;
}
</style>
<div class="jumbotron">
<h1>Title</h1>
<p>Content</p>
</div>
<style>
.jumbotron {
position: relative;
}
h1 {
position: absolute;
top: 50px;
left: 50px;
}
p {
position: absolute;
top: 100px;
left: 50px;
}
</style>
以上是两种常用的方法来设置<h1>和<p>在jumbotron中的位置。根据具体需求和设计,可以选择适合的方法来布局。
领取专属 10元无门槛券
手把手带您无忧上云