我的网站上没有显示Bootstrap(带有一些平面UI)按钮

时间:2015-05-17 18:43:58

标签: html css twitter-bootstrap button

正如标题或多或少所说,我的网站上没有显示某些引导按钮,尽管它们肯定在我的HTML中。

以下是我网站首页的代码:http://codepen.io/anon/pen/xGOqER

以下是实际网站本身:http://stevenvandegraaf.nl/

以下是该网站的实际HTML标记:

var value = 0.0

myprogressbar.setProgress(0.5, animated: true)
value = myprogressbar.getValue()                 // This is how it works in Java

println(value)                                   // The output should be 0.5

最后,这是CSS:

<body>
    <div class="main">
        <header class="header">
            <nav class="navbar navbar-default navbar-static-top" role="navigation">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                        </button>
                        <a class="navbar-brand brand" href="#">Steven van de Graaf</a>
                    </div>
                    <div class="navbar-collapse collapse">
                        <ul class="nav navbar-nav navbar-right">
                            <li class="active"><a href="#">Home</a></li>
                            <li><a href="education.html">Education</a></li>
                            <li><a href="work.html">Work</a></li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul>
                    </div><!--/.nav-collapse -->
                </div>
            </nav>
        </header>

        <section class="sub-header">
            <div class="container">
                <h2>Welcome</h2>
                <p class="lead">
                    To the personal website of Steven van de Graaf
                </p>
            </div>
        </section>

        <section class="content background">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <h2>About me</h2>
                        <p class="lead">
                            Who I am and what I do
                        </p>
                        <p>
                            As the header above says; welcome!
                            I created this website for multiple reasons.
                            The first reason is quite simple; I had already registered the domain stevenvandegraaf.nl, but was not doing anything with it thus far.
                            The second reason is that I want a place to tell others about me, my education, and my work.
                            With some time and coffee, this website was born!
                        </p>
                        <p>
                            Let me first introduce myself: Hi! My name is Steven van de Graaf, and I am a 19-year-old college student from Barendrecht, The Netherlands.
                            I love the outdoors. I love hiking, kayaking, and other outdoor activities. This ties in really well with my work at a local outdoor store, as well as me being involved within Scouting.
                            Other than enjoying the outdoors, in my spare time I enjoy watching TV shows and movies, listening to a diverse range of music, and lots more.
                            My favorite color is blue. I wear a lot of dress shirts, mainly ones by McGregor. I am fully functional with 5 hours of sleep in a night. I love the peach flavour Vifit yoghurt-drink.
                            Those are some short (and fun) facts about me. Some more professional stuff can be found on their respective pages, as well as ways to get in touch with me.
                        </p>
                    </div>
                </div>
            </div>
        </section>

        <section class="sub-footer">
            <div class="container">
                <h2>Connect with me</h2>
                <p class="lead">
                    Via these media
                </p>
                <div class="col-md-2 col-sm-4 col-md-offset-4 col-sm-offset-2 social-btn">                      
                    <a role="button" class="btn btn-embossed btn-info btn-block" href="http://www.facebook.com/steven.vdgraaf">
                        Facebook
                    </a>
                </div>
                <div class="col-md-2 col-sm-4 social-btn">
                    <a role="button" class="btn btn-embossed btn-info btn-block" href="http://nl.linkedin.com/in/stevenvandegraaf">
                        LinkedIn
                    </a>
                </div>
            </div>
        </section>

        <footer class="footer">
                <div class="container">
                    <div class="additional-links">
                        © 2015 Steven van de Graaf. All rights reserved.
                    </div>
                </div>
        </footer>
    </div>

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/flat-ui.min.js"></script>
</body>

正如您所看到的,在页面底部附近的“与我联系”部分下方没有Facebook / LinkedIn按钮。虽然当我使用谷歌浏览器查看我的硬盘上的.html文件时,他们肯定会在那里。

为什么会这样,我该如何解决这个(可能是简单的)问题?

提前致谢!

0 个答案:

没有答案