首页 文章

如何使用bootstrap(或使用CSS,但在引导程序网站中) Headers Headers / Headers

提问于
浏览
-2

所以我将下面部分的背景(只有1个容器流体)设置为你可以看到的渐变图像,我想在这里发生两件事:

  • 无论屏幕大小如何,我都希望背景图片能够填满整个屏幕(我使用的是背景尺寸:封面,但仍有所有空白)

  • 我希望文本 Headers 位于所述页面的中间(或者可能从中心稍微向上),再次与屏幕大小无关 - 我在移动设备上理解它会更加狭窄,这很好 .

我该怎么做,bootstrap是否有类/功能来执行此操作?或者我只是使用CSS并执行诸如margin auto /使用em / px等将其推入页面之类的事情?

enter image description here

只有vanilla Bootstrap之外的CSS在这里:

.navbar {
background: none;
border: none;
}

#frontpage {
background-image: url("../images/titlebg.jpg");
background-size: cover; 
}

Frontpage只是我用这个问题提到的主要第一部分的 Headers . 谢谢!

1 回答

  • 0

    您可以看到引导示例here,选择一个您喜欢打开它并查看源代码 . 您需要的所有样式和类都在示例中 . 它是我如何开始和最好的学习方式 .

相关问题