gpt4 book ai didi

css - Bootstrap Glyphicons 未在 Cakephp 中显示

转载 作者:行者123 更新时间:2023-11-28 03:34:48 25 4
gpt4 key购买 nike

我使用的是 CakePhp 3.4.7 和 Bootstrap 3.3.7,Bootstrap 工作正常,只是 Glyphicons 没有显示。这是我的登录页面的样子,您可以看到缺少图标:http://i.imgur.com/wTAZEyO.jpg

我将所有 glyphicons-halflings-regular.* 字体放在 App/webroot/font 目录中,将 bootsrap.min.css 放在 App/webroot/css 和 bootsrap.min.js/jquery-3.2.1.min 中.js 位于 App/webroot/js

检查我的网站时,我可以看到 css 和 js 文件都被正确提取,事实上代码正在运行:http://i.imgur.com/mFO3HWhh.jpg

这是我的代码

默认 CTP 头

<!DOCTYPE html>
<html>
<head>
<?= $this->Html->charset() ?>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
<?= $cakeDescription ?>:
<?= $this->fetch('title') ?>
</title>
<?= $this->Html->meta('icon') ?>

<?= $this->Html->css('bootstrap.min.css') ?>
<?= $this->Html->script('jquery-3.2.1.min.js') ?>
<?= $this->Html->script('bootstrap.min.js') ?>

<?= $this->fetch('meta') ?>
<?= $this->fetch('css') ?>
<?= $this->fetch('script') ?>
</head>

登录 CTP

<?
// Path File: \App\src\Templates\Usuarios\login.ctp
/** @var $this \Cake\View\View */
?>
<div class="container alto-minimo-contenido">
<div id="loginbox" style="margin-top:50px;" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="panel-title"><i class="glyphicon glyphicon-user"></i> &nbsp;Formulario de ingreso al sistema</div>
</div>
<div style="padding-top:30px" class="panel-body">
<div style="display:none" id="login-alert" class="alert alert-danger col-sm-12"></div>
<?= $this->Flash->render('auth') ?>
<form id="loginform" class="form-horizontal" role="form" method="post" action="<?php echo $this->Url->build(["controller" => "Usuarios", "action" => "login"]) ?>">
<label for="login-username">E-Mail</label>
<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon">@</span>
<input id="login-username" type="text" class="form-control" name="email" value="" placeholder="E-Mail">
</div>
<label for="login-password">Clave</label>
<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
<input id="login-password" type="password" class="form-control" name="password" placeholder="Clave">
</div>
<div style="margin-top:10px" class="form-group">
<div class="col-sm-push-1 col-sm-10 col-sm-pull-1 controls">
<button type="submit" id="btn-login" class="btn btn-primary btn-block"><i class="glyphicon glyphicon-log-in"></i> ENTRAR</button>
</div>
</div>
</form>

</div>
</div>
</div>
</div>

我可以看到在我的 bootstrap.min.css 文件中路径是正确的。知道为什么 Cake 不提取图标,即使它们存在吗?

最佳答案

  1. 转到您的 CSS 文件夹。
  2. 打开 bootstrap.min.css 文件。
  3. 在其中搜索字形文字。
  4. 可以查到它的url地址。
  5. 您应该将字体文件夹名称更改为 fonts。
  6. 去享受你的生活吧。 :)

关于css - Bootstrap Glyphicons 未在 Cakephp 中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44548656/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com