蛋糕PHP主题集成

我有以下html/css主题，并试图将其转换为蛋糕php主题

我在阅读教程，但我就是不明白。css文件不工作或内容不显示

安排我

切换导航












已经是会员了？
电子邮件
密码
不是会员？

webroot/
海关/
//从自定义文件夹example.com/custom/bootstrap.min.css加载css
//加载远程/cdn css文件，注意不带http或https

JS/jQuery

// load js file from js folder,  example.com/js/bootstrap.min.js
<?= $this->Html->js('bootstrap.min') ?>

// load js file from custom folder, example.com/custom/bootstrap.min.js
<?= $this->Html->js('/custom/bootstrap.min') ?>

// load remote / cdn js file, note without http or https
<?= $this->Html->js('//code.jquery.com/jquery-2.2.4.min.js') ?>

//从js文件夹加载js文件，example.com/js/bootstrap.min.js
//从自定义文件夹example.com/custom/bootstrap.min.js加载js文件
//加载远程/cdn js文件，注意不带http或https

---

阅读更多

您使用的是什么版本的cakephp？您是否已将css和js文件放置在webroot/css和webroot/js目录中，并使用与您使用的相同的目录结构。3.3尽管webroot与此无关。而且也不知道如何在主题中提及以下文件，除了css文件（使用）你可以提供一个工作URL，以便我进一步调试。控制器代码是什么，即你使用的布局是什么，布局代码是什么，请解释你使用的文件中的代码是什么代码。嗨，Rohit，在我的本地机器上工作。我仍在尝试修复导航和内容，但由于css不起作用和js文件，导航仍然被卡住。

<!-- Navigation -->
<nav id="mainNav" class="navbar navbar-default navbar-custom">
    <div class="container header">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header page-scroll">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span><i class="fa fa-bars"></i>
            </button>
            <a class="navbar-brand logo-text" href="#page-top">New Theme</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li class="hidden">
                    <a href="#page-top"></a>
                </li>
                <li class="page-scroll">
                    <a href="#">Home</a>
                </li>
                <li class="page-scroll">
                    <a href="#">About</a>
                </li>
                <li class="page-scroll">
                    <a href="#">Services</a>
                </li>
                <li class="page-scroll">
                    <a href="#">Contact Us</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
</nav>

<!-- Header -->
<section>
    <div class="container">
        <div class="row">
            <div class="col-md-7">
                <img src="img/benner.png" alt="Banner" class="img-responsive" />
            </div>
            <div class="col-md-5">
                <div class="card">
                    <h3 class="title-log">Already a Member?</h3>
                    <label>
                        Email
                        <input style="display:block;margin:0 auto;" type="text"/>
                    </label>
                    <label>
                        Password
                        <input style="display:block;margin:0 auto;" type="password"/>
                    </label>
                    <input type="button" value="Log in" class="elevator"/>
                    <h3>Not a Member?</h3>
                    <a href="#">Sign up</a>
                </div>
            </div>
        </div>
    </div>
</section>


<!-- jQuery -->
<script src="framework/jquery/jquery.min.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="framework/bootstrap/js/bootstrap.min.js"></script>

webroot/
  custom/ <-- custom css/js plugin folder, for example datepicker plugin
    css/
    js/
  css/
  img/
  js/

// load css from css folder,  example.com/css/bootstrap.min.css
<?= $this->Html->css('bootstrap.min') ?>

// load css from custom folder, example.com/custom/bootstrap.min.css
<?= $this->Html->css('/custom/bootstrap.min') ?>

// load remote / cdn css file, note without http or https
<?= $this->Html->css('//fonts.googleapis.com/css?family=Montserrat:400,700') ?>

// load js file from js folder,  example.com/js/bootstrap.min.js
<?= $this->Html->js('bootstrap.min') ?>

// load js file from custom folder, example.com/custom/bootstrap.min.js
<?= $this->Html->js('/custom/bootstrap.min') ?>

// load remote / cdn js file, note without http or https
<?= $this->Html->js('//code.jquery.com/jquery-2.2.4.min.js') ?>