不同的页的另外背景图象在Bootstrap

时间:2014-08-14 08:11:32

标签: css twitter-bootstrap background-image fullscreen

早上好堆叠器, 我的 Twitter Bootstrap 页面需要您的帮助,网站不是单页滚动既不水平也不垂直。以下问题:我有几个页面,这意味着index.html - work.html - about.html等。我希望每个页面都有一个全屏背景图像。有什么机会?进入CSS?或包含在任何页面上。 所以请帮我解决我的问题

1 个答案:

答案 0 :(得分:2)

在CSS中识别页面的常用方法是使用不同的ID或类标记<body>元素。

frontpage.html:

<body id="page-front">

news.html:

<body id="page-news">

然后你可以区分CSS中的不同背景:

#page-front { background: white url('koala.jpg'); }
#page-news { background: red url('blackmamba.jpg'); }

For an actual Bootstrap theme example you can look at here (mini logo not visible on the front age)