[Résolu] [LARAVEL-BLADE] Problème Bootstrap par r-c-l - page 1

Bonjour à tous !!

Voilà je développe une appli sous Laravel et j'ai un petit problème en incluant bootstrap.

En effet, lorsque je vais sur ma page, cela affiche un bouton et lorsque je clique dessus cela m'affiche le menu. Alors que cela doit afficher un menu.

J'ai déjà utilisé ce menu mais aucun problème jusqu'à là.

Voilà mon code (c opier-coller de bootstrap) :

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
        <title> @yield('title')</title>
        

        <!-- CSS + Font -->
        <link type="text/css" rel="stylesheet" href="{{asset('Bootstrap/css/bootstrap.min.css')}}"/>
        <script src="{{asset('Bootstrap/js/tether.min.js')}}"></script>
        
        

        <!-- Custom CSS -->
        @yield('custom_css')
        @yield('scripts')
    </head>

    <body>
        <script src="{{asset('Bootstrap/jquery/jquery-3.1.1.js')}}"></script>
        

        
        
        <script src="{{asset('Bootstrap/js/bootstrap.min.js')}}"></script>
        @yield('content')
        
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">Brand</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">
                        <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
                        <li><a href="#">Link</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">One more separated link</a></li>
                            </ul>
                        </li>
                    </ul>
                    <form class="navbar-form navbar-left">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Search">
                        </div>
                        <button type="submit" class="btn btn-default">Submit</button>
                    </form>
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#">Link</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>        


        <!--  Scripts-->
   
    </body>
</html>

Merci à tous pour votre aide

r-c-l

20 janvier 2017 à 11:48:51

Lenny Obez

21 janvier 2017 à 20:36:48

"En effet, lorsque je vais sur ma page, cela affiche un bouton et lorsque je clique dessus cela m'affiche le menu. Alors que cela doit afficher un menu."

What? Alors le soucis est: que ton bouton affiche le menu MAIS tu aimerais qu'il affiche le menu? Tu fais A pour avoir B MAIS tu veux B?

Besoin d'une aide rapide ? Tweetez-moi @LennyObez ou vous souhaitez en savoir plus sur le Web? Voir mon site

22 janvier 2017 à 15:56:56

C'est ça mdr,

Alors quelle est la solution ?

22 janvier 2017 à 20:02:54

Non, ce n'est pas ça, essaie de relire une seconde fois car il y a une contradiction...

C'est comme si tu disais - je dois refaire l'exemple... - que tu souhaites t'inscrire sur Open Classroom et que tu es inscrits mais que tu souhaites être inscrits, ... C'est déjà le cas.

Ou alors, j'ai complètement mal lu et je suis bourré Auquel cas la communauté m'en informera

23 janvier 2017 à 7:10:59

A première vue mon problème est résolu, alors que je n'ai rien modifié

Je n'ai rien fait, j'ai laissé mon ordinateur fermé tout le week end et là ce matin cela refonctionne.

Je n'avais pas eu ce problème sur mon ordi perso.

[LARAVEL-BLADE] Problème Bootstrap

[LARAVEL-BLADE] Problème Bootstrap

Supprimer

Modérer

Signaler le message aux modérateurs