Question

我正在使用django和bootstrap3。我已从http://startbootstrap.com/template-overviews/landing-page/下载了模板。 github回购是https://github.com/IronSummitMedia/startbootstrap-landing-page/blob/gh-pages/index.html

这包含index.html中的以下内容：

        <div class="row">
            <div class="col-lg-12">
                <div class="intro-message">
                    <h1>Landing Page</h1>
                    <h3>A Template by Start Bootstrap</h3>
                    <hr class="intro-divider">
                    <ul class="list-inline intro-social-buttons">
                        <li>
                            <a href="https://twitter.com/SBootstrap" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
                        </li>
                        <li>
                            <a href="https://github.com/IronSummitMedia/startbootstrap" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a>
                        </li>
                        <li>
                            <a href="#" class="btn btn-default btn-lg"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">Linkedin</span></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
    <!-- /.container -->

</div>
<!-- /.intro-header -->

这里是如何包含介绍性照片的。我在https://github.com/IronSummitMedia/startbootstrap-landing-page/blob/gh-pages/img/intro-bg.jpg看到了照片。我认为这是一些bootstrap3魔法？

Answer 1

将正确的网址放在landing-page.css

中

 .intro-header {
  background: url(../img/intro-bg.jpg) no-repeat center center;
   background-size: cover;
 }

多数民众赞成

bootstrap 3如何设置模板图像？

1 个答案: