5546 sujets

Sémantique web et HTML

Comment intégrer un template bootstrap sur symfony 4.1 ?

Bonjour

J'ai cherché sur google comment intégrer un template bootstrap sur symfony 4.1, et je ne trouve rien. J'aimerais savoir où stock t-on les fichiers du template dans le projet bootstrap ?

Voici les liens d'appel aux styles dans le code html du template:
<!-- Bootstrap core CSS -->   
 <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 
 
    <!-- Custom fonts for this template -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
 
 
    <!-- Custom styles for this template -->
    <link href="css/clean-blog.min.css" rel="stylesheet">
 
<!-- Bootstrap core JavaScript -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
 
 
    <!-- Custom scripts for this template -->
    <script src="js/clean-blog.min.js"></script>


Dans mon projet symfony, j'ai mis mes fichiers de styles dans public/build mais le style n'est toujours pas appliqué à mes vues.
Voici mon fichier base.html.twig pour voir où j'ai installé les fichiers de style: 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="">
        <meta name="author" content="Anouchka YYYYYYYYYY">
        <title>{% block title %}Welcome!{% endblock %}</title>
        {% block stylesheets %}
            <link href="{{ asset('build/css/bootstrap.min.css') }}">

            <link href="{{ asset('build/css/font-awesome.min.css') }}">
            <link href='//https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic'>
            <link href='//https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'>

            <link href="{{ asset('build/css/app.min.css') }}">
        {% endblock %}
    </head>
    <body>
        {% include 'post/menu.html.twig' %}

        {% block body %}{% endblock %}

        {% include 'post/footer.html.twig' %}
        {% block javascripts %}
            <script src="{{ asset('build/js/jquery.min.js') }}"></script>
            <script src="{{ asset('build/js/bootstrap.bundle.min.js') }}"></script>

            <script src="{{ asset('build/js/clean-blog.min.js') }}"></script>
        {% endblock %}
    </body>
</html>

Merci de votre aide ?
Modifié par CVFlashJob (19 Jun 2018 - 16:57)
Sujet clos
Aller à