Introducción

Mila es un panel de administración basado en Bootstrap 4.

Instalación

Plantilla

<!doctype html>
<html lang="es">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Título</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans" rel="stylesheet">
        <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
        <script src="https://use.fontawesome.com/releases/v5.6.3/js/all.js" integrity="sha384-EIHISlAOj4zgYieurP0SdoiBYfGJKkgWedPHH4jCzpCXLmzVsw1ouK59MuUtP4a1" crossorigin="anonymous" defer></script>
        <link rel="stylesheet" href="css/admin.css">
    </head>
    <body>
        <header class="mobile-header navbar navbar-expand navbar-dark bg-dark fixed-top">
            <!-- Mobile header -->
        </header>
        <nav class="main-navbar">
            <!-- Main navbar -->
        </nav>
        <div id="app" class="main-container">
            <header class="main-header navbar navbar-expand navbar-light">
                <!-- Main header -->
            </header>
            <div class="page-wrapper">
                <!-- Page content -->
            </div>
        </div>
        <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.bundle.min.js" integrity="sha384-zDnhMsjVZfS3hiP7oCBRmfjkQC4fzxVxFhBx8Hkz2aZX8gEvA/jsP3eXRCvzTofP" crossorigin="anonymous"></script>
        <script src="js/admin.plugins.js"></script>
        <script src="js/admin.js"></script>
    </body>
</html>

Dependencias

Mila depende de las siguientes librerías/frameworks; no están incluidas, se recomienda utilizar un CDN:

• jQuery 3
• Bootstrap 4
• Font Awesome 5

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.bundle.min.js" integrity="sha384-zDnhMsjVZfS3hiP7oCBRmfjkQC4fzxVxFhBx8Hkz2aZX8gEvA/jsP3eXRCvzTofP" crossorigin="anonymous"></script>
<script src="https://use.fontawesome.com/releases/v5.6.3/js/all.js" integrity="sha384-EIHISlAOj4zgYieurP0SdoiBYfGJKkgWedPHH4jCzpCXLmzVsw1ouK59MuUtP4a1" crossorigin="anonymous" defer></script>

Plugins

Mila usa los siguientes plugins. Para la documentación revisar los siguientes links:

• DataTables ^1.10.19
• DropzoneJS ^5.5.1
• EasyMDE ^2.4.2
• flatpickr ^4.5.2
• Holder.js ^2.9.6
• Jasny Bootstrap ^3.1.3
• Sticky ^1.0.4
• TouchSwipe ^1.6.19
• Moment.js ^2.22.2
• Selectize.js ^0.12.6

Fonts

Mila usa las siguiente tipografías. Si se quieren utilizar otras, editar el archivo _variables.scss:

• Montserrat
• Open Sans

<link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans" rel="stylesheet">