Question

我正在尝试使用bootstrap导航栏，但它不起作用。我创建了一个模板文件夹，其中包含视图中首页的CSS。我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">

        <title> TTS</title>
        <link rel="stylesheet" href="<?php echo base_url("asset/css/bootstrap.css"); ?>" />

        <style type="text/css"> 
            #img{
                display:block;
                position:relative;
                left:0px;
                float:left;
                margin-left:10px;
            }
            #img2{
                display:block;
                position:relative;
                right:0px;
                float:right;
                margin-right:10px;
            }
            #img3{
                display:block;
                position:relative;
                left:0px;
                float:left;
            }
        </style>
    </head>
    <body>
        <script type="text/javascript" src="<?php echo base_url("asset/js/jquery.js"); ?>"></script>
        <script type="text/javascript" src="<?php echo base_url("asset/js/bootstrap.js"); ?>"></script>
    </body>
</html>

并且视图的php文件是：

    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">TTS</a>
            </div>
            <ul class="nav navbar-nav navbar-right">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </div>
    </nav>

控制器是：

    <?php defined('BASEPATH') OR exit('No direct script access allowed');

    class firstpage extends CI_Controller {
        public function __construct() {     
            parent::__construct();
            $this->load->helper('url');
            $this->load->helper('html');
            $this->load->helper('form');
        }

        public function index(){
            $this->load->view('templates/front_template/front');
            $this->load->view('front_page/firstpage');
        }
    } ?>

我可以在this.searched获得帮助，但到处都没有得到正确答案。

Answer 1

检查你的firefox firebug或开发者工具中是否包含ip in ip（如果是这样，请确保你已经设置了base_url它是必需的）

$config['base_url'] = 'http://localhost/projectname/';

你错过了type="text/css"

无需使用？＆gt;

关闭控制器

Answer 2

我不确定这是否会有所帮助，但请尝试从此行中删除echo

<link rel="stylesheet" href="<?php echo base_url("asset/css/bootstrap.css"); ?>" />

应该是这样的

<link rel="stylesheet" href="<?php base_url("asset/css/bootstrap.css"); ?>" />

带有codeigniter的Bootstrap 3.3.7

2 个答案: