我将它们包含在简单的HTML页面中后,引导样式不适用

时间:2014-06-06 14:26:51

标签: twitter-bootstrap twitter-bootstrap-3

我的html没有链接到bootstrap CSS。我下载了bootstrap并将CSS,FONTS和JS文件夹复制到项目文件夹中。我在包含CSS,FONTS和JS的同一文件夹中创建了index.html文件。这是html。

    <html>
        <head>
            <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css"/>
                    <link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css"/>
                    <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
                    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
                    <script src="js/bootstrap.js" type="text/javascript"></script>
                   <script src="js/bootstrap.min.js" type="text/javascript"></script>
        </head>
    <body>
        <div class="col-lg-5 success" >login form</div>
     <form action="logins.php" method="post" >
         user name : <input type="text" name="uname" required >
    password:<input type="password" name="pass" required >
    <input type="submit" value="login">
    </form>
        <a href="regist.php">please register</a>
    </body>
    </html> 

1 个答案:

答案 0 :(得分:2)

仅包括bootstrap.jsbootstrap.min.js,但不包括两者。 .css文件也是如此。 .css或.min.css文件,而不是两者。

bootstrap.js需要jquery。不要忘记这一点。

<head>
   <link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css"/>
   <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
   <script src="https://code.jquery.com/jquery.js"></script>
   <script src="js/bootstrap.js" type="text/javascript"></script>
</head>