Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何设置<;h1>;及<;p>;在琼伯伦?_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 如何设置<;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内设置h1和p的位置。假设我想把我的h1放在jumbotron的左角,在h1下我想有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;