Html 如何设置<;h1>;及<;p>;在琼伯伦?
嗨,我想知道如何在jumbotron内设置h1和p的位置。假设我想把我的h1放在jumbotron的左角,在h1下我想有p,但有一点左填充Html 如何设置<;h1>;及<;p>;在琼伯伦?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,嗨,我想知道如何在jumbotron内设置h1和p的位置。假设我想把我的h1放在jumbotron的左角,在h1下我想有p,但有一点左填充 .jumbotron{ 最大宽度:100%; 填充顶部:80px; 填充底部:80px; 颜色:继承; 背景颜色:橙色; } jumbotron h1博士{ 位置:相对位置; 显示:块; 字体大小:粗体; 字体大小:30px; 颜色:白色; 左侧填充:40px; 填充底部:80px; } 琼博特伦p{ 位置:绝对位置; 显示:块; 颜色:白色; 字体大小:
.jumbotron{
最大宽度:100%;
填充顶部:80px;
填充底部:80px;
颜色:继承;
背景颜色:橙色;
}
jumbotron h1博士{
位置:相对位置;
显示:块;
字体大小:粗体;
字体大小:30px;
颜色:白色;
左侧填充:40px;
填充底部:80px;
}
琼博特伦p{
位置:绝对位置;
显示:块;
颜色:白色;
字体大小:20px;
}
预定你的位置
…在有人追上你之前
您设置了一些不必要的定位。绝对没有理由给h1
提供relative
定位和absolute
到p
老实说,从你使用它的方式来看,我认为你应该做一些学习和实验来完全理解它的原理
.jumbotron{
最大宽度:100%;
填充顶部:80px;
填充底部:80px;
颜色:继承;
背景颜色:橙色;
}
jumbotron h1博士{
显示:块;
字体大小:粗体;
字体大小:30px;
颜色:白色;
左侧填充:40px;
}
琼博特伦p{
显示:块;
颜色:白色;
字体大小:20px;
左侧填充:40px;
}
预定你的位置
…在有人追上你之前
您设置了一些不必要的定位。绝对没有理由给h1
提供relative
定位和absolute
到p
老实说,从你使用它的方式来看,我认为你应该做一些学习和实验来完全理解它的原理
.jumbotron{
最大宽度:100%;
填充顶部:80px;
填充底部:80px;
颜色:继承;
背景颜色:橙色;
}
jumbotron h1博士{
显示:块;
字体大小:粗体;
字体大小:30px;
颜色:白色;
左侧填充:40px;
}
琼博特伦p{
显示:块;
颜色:白色;
字体大小:20px;
左侧填充:40px;
}
预定你的位置
…在有人追上你之前
希望这对您有所帮助
.jumbotron{
最大宽度:100%;
填充顶部:40px;
填充底部:80px;
颜色:继承;
背景颜色:橙色;
}
jumbotron h1博士{
位置:相对位置;
显示:块;
字体大小:粗体;
字体大小:30px;
颜色:白色;
左侧填充:40px;
}
琼博特伦p{
位置:绝对位置;
显示:块;
颜色:白色;
字体大小:20px;
左侧填充:40px;
}
JS-Bin
预定你的位置
…在有人追上你之前
希望这对您有所帮助
.jumbotron{
最大宽度:100%;
填充顶部:40px;
填充底部:80px;
颜色:继承;
背景颜色:橙色;
}
jumbotron h1博士{
位置:相对位置;
显示:块;
字体大小:粗体;
字体大小:30px;
颜色:白色;
左侧填充:40px;
}
琼博特伦p{
位置:绝对位置;
显示:块;
颜色:白色;
字体大小:20px;
左侧填充:40px;
}
JS-Bin
预定你的位置
…在有人追上你之前
我做过类似的事情,它的工作原理是:我的文本与中心、左侧或右侧对齐
<div class="jumbotron text-center container">
<h1>This is demo</h1>
</div>
这是演示
希望能有所帮助。我已经做了类似的事情,它的工作原理是:我的文本将对齐中心、左侧或右侧
<div class="jumbotron text-center container">
<h1>This is demo</h1>
</div>
这是演示
希望能有所帮助。谢谢。它起作用了。但当我添加到.jumbotron h1时,它也是一个填充顶部:40px,它正在制作我的jumbotron widder,我不想要它。你可以根据自己的意愿减少它。我的意思是如何在jumbotron内部将h1放置得更高或更低(而不改变jumbotron的宽度)?如果您想增加顶部的空间,可以使用padding top;如果您想增加字体大小,可以使用font-sizeThank you。它起作用了。但当我添加到.jumbotron h1时,它也是一个填充顶部:40px,它正在制作我的jumbotron widder,我不想要它。你可以根据自己的意愿减少它。我的意思是如何在jumbotron内部将h1放置得更高或更低(而不改变jumbotron的宽度)?如果您想增加顶部的空间,可以使用padding top;如果您想增加字体大小,可以使用font-sizeThank you。是的,我只是一个初学者…你能帮我添加吗?jumbotron h1还有一个填充顶部:40px它正在制作我的jumbotron widder,我不想要它。我想把我的h1更多的放在jumbotron里面的顶部。只需降低或移除填充顶部:80px;非常感谢。是的,我只是一个初学者…你能帮我添加吗?jumbotron h1还有一个填充顶部:40px它正在制作我的jumbotron widder,我不想要它。我想把我的h1更多的放在jumbotron里面的顶部。只需降低或移除填充顶部:80px;