Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.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 如何使用bootstrap(或使用CSS,但在bootstrap网站中)将标题/标题居中_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 如何使用bootstrap(或使用CSS,但在bootstrap网站中)将标题/标题居中

Html 如何使用bootstrap(或使用CSS,但在bootstrap网站中)将标题/标题居中,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,因此,我将下面部分的背景(仅1个容器流体)设置为您可以看到的渐变图像,我希望在这里发生两件事: 我希望背景图像填满整个屏幕,而不管屏幕大小(我使用了背景大小:cover,但仍然有所有的空白) < L> > P>我希望文本标题集中在页面的中间(或者稍微从中心开始),不管屏幕大小如何,我知道在手机上它会更加狭窄,这很好。p> 我将如何做到这一点,引导程序是否具有实现这一点的类/功能?或者我只是使用CSS并做一些事情,比如自动边距/用em/px在页面上向下推边距,等等 这里只有香草引导之外的CSS:

因此,我将下面部分的背景(仅1个容器流体)设置为您可以看到的渐变图像,我希望在这里发生两件事:

  • 我希望背景图像填满整个屏幕,而不管屏幕大小(我使用了背景大小:cover,但仍然有所有的空白)

  • < L> > P>我希望文本标题集中在页面的中间(或者稍微从中心开始),不管屏幕大小如何,我知道在手机上它会更加狭窄,这很好。p> 我将如何做到这一点,引导程序是否具有实现这一点的类/功能?或者我只是使用CSS并做一些事情,比如自动边距/用em/px在页面上向下推边距,等等

    这里只有香草引导之外的CSS:

    .navbar {
    background: none;
    border: none;
    }
    
    #frontpage {
    background-image: url("../images/titlebg.jpg");
    background-size: cover; 
    }
    
    Frontpage只是我想问的第一部分的标题。
    谢谢大家!

    您可以查看引导示例,选择一个您喜欢的示例打开它并查看源代码。您需要的所有样式和类都在示例中。这就是我开始学习的方式,也是学习的最佳方式。

    试试背景尺寸:100%,bootstrap有一个.text中心类,你可以随意使用。为了得到更好的答案,请发布一个完整的代码示例(HTML/CSS/JS)。