I try to install Frogetor admin dashboard template to my laravel 5.8 / Bootstrap 4 /vuejs 2/ boostrat 4 app, but seems not all is appliued properly.
In the docs of the template I read :
Files are explained below:
File Description bootstrap.min.css Frogetor uses the bootstrap v4.3.1. The core bootstrap file is being used in all the pages. icons.css Combines various font icons. You should remove the fonts you don't plan to use from this file and recompile it. style.css The main stylesheet file, it's being generated from less and contains all the css styles combined. Javascript Frogetor uses jQuery, Bootstrap JS framework(at its core) and some of the third-party plugins. There are may more third party plugin which you can use according to your needs. The css is already containing matching style for these plugins so you will not need to do anything around it.
They are explained below:
File Description jquery.js, bootstrap.bundle.min.js, etc. These files are used at core of the theme. app.js This is a main js file. It contains the custom JS code needed for features including layout, sidebar, etc. pages/*.js These are the files containing pages specific code. They are mainly used for demo purpose. plugins/**.js All supported and integrated third-party plugins are included in here.
I consider I need to exclude all jquery/bootstrap files from my app and include all jquery/bootstrap files from this template. In resources/js/bootstrap.js file I commented lines with jquery/bootstrap :
window._ = require('lodash');
try {
// window.$ = window.jQuery = require('jquery');
// require('bootstrap');
} catch (e) {}
window.axios = require('axios');
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
In resources/views/index.blade.php file which is base of my app I added lines with jquery/bootstrap of this template :
<!doctype html>
<html lang="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title id="app_title"></title>
<link href="" rel="stylesheet" type="text/css">
<link href="" rel="stylesheet" type="text/css">
<link href="" rel="stylesheet" type="text/css">
<link href="" rel="stylesheet" type="text/css">
<link href="" rel="stylesheet" type="text/css">
</head>
<body>
<div id="app">
<mainapp></mainapp>
</div>
</body>
@include('footer')
<script src=""></script>
<script src=""></script>
<script src="?dt="></script>
</html>
But page looks ugly : https://imgur.com/a/cdzjbLd in cosole I see that all attached files rendered ok : https://imgur.com/a/mKXZT90
This page is at http://phpstack-231450-819857.cloudwaysapps.com/horizontal/auth-login.html I see that icons are not applied, without button styles... Did I miss something ?
Thanks!
via Chebli Mohamed
Aucun commentaire:
Enregistrer un commentaire