Bootstrap CSS未完全加载

时间:2017-11-28 19:28:12

标签: javascript css twitter-bootstrap codeigniter view

我从他们的网站上新下载了codeigniter。

顺利运行后,我想添加bootstrap。

我在codeigniter根文件夹中创建了一个assets文件夹(其中包含应用程序,系统和用户指南)。

在资产中我创建了一个css文件夹和一个JS文件夹。我把所有的bootstrap css都放在了css中,而js也是如此。

现在,当我尝试使用bootstrap中的任何内容时,它将无法正常显示。

我检查了控制台,它没有给我任何错误。

这是我的家庭观点代码:

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Home</title>
    <link rel="stylesheet" href="<?php echo base_url('assets/css/bootstrap.css') ?>">
    <link rel="stylesheet" href="<?php echo base_url('assets/css/bootstrap-grid.css') ?>">
    <link rel="stylesheet" href="<?php echo base_url('assets/css/bootstrap-reboot.css') ?>">
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script>
    <script src="<?php echo base_url('assets/js/bootstrap.js')?>"></script>

</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <button type="button" class="btn btn-default navbar-btn">test</button>
    </div>
</nav>

</body>
</html>

它向我展示了这样的页面:

Link to my image

0 个答案:

没有答案