Antworten auf deine Fragen:
Neues Thema erstellen

Menü öffnet sich nicht

Löwenherz

Noch nicht viel geschrieben

Hallo liebe Forum-Mitglieder,

ich bin noch ganz neu hier und habe eine Frage, die zwar schon einige Male behandelt wurde, deren Antworten mir aber leider nicht weitergeholfen haben, da die jeweiligen Lösungsvorschläge bei mir leider nicht zum gewünschten Ergebnis führen.

Also, ich habe eine CSS-HTML5-Seite auf der Grundlage einer Vorlage an meine Zwecke angepasst und es ging auch alles, auch das Sandwich-Menü.

Aber urplötzlich ist es so, daß das Sandwich-Symbol bei Anzeigegeräten ab einer Breite von 767 px zwar angezeigt wird und beim scrollen auch schön mit nach unten/oben wandert, aber wenn man auf das Sandwichsymbol drückt, oder "hovert", passiert nichts.

Das bedeutet, das Besucher meiner Seite wenn sie einen PC benutzen die Navigation normal benutzen können, aber alle, die ein Tablet oder Handy benutzen gar keine Navigation haben.

Ich habe bereits alles was das web an Lösungsvorschlägen hergibt ausprobiert, aber leider funktioniert nichts, deshalb bitte ich euch CSS/HTML5-bootstrap-Helden um eure Hilfe!

Hier der Code:

<!DOCTYPE html>
<html>
<link rel="shortcut icon" href="http://www.gambatte.name/favicon.ico">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Home</title>
<!-- load stylesheets -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400"> <!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Bootstrap style -->
<link rel="stylesheet" href="css/templatemo-style.css"> <!-- Templatemo style -->

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body>

<div class="tm-header">
<div class="container-fluid">
<div class="tm-header-inner">
<img src="img/Loewenlogofuerhp.png" alt="" width="200" height="200" class="img-rounded img-responsive"/><a href="#" class="navbar-brand tm-site-name"></a>

<!-- navbar -->
<nav class="navbar tm-main-nav">

<button class="navbar-toggler hidden-md-up" type="button" data-toggle="collapse" data-target="#tmNavbar">
&#9776;
</button>

<div class="collapse navbar-toggleable-sm" id="tmNavbar">
<ul class="nav navbar-nav col-lg-offset-0 col-lg-12">
<li class="nav-item active">
<a href="index.html" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="videoproduktion.html" class="nav-link">Video</a>
</li>
<li class="nav-item">
<a href="musikproduktion.html" class="nav-link">Musik</a>
</li>
<li class="nav-item">
<a href="visualmusic.html" class="nav-link">Visual Music</a>
</li>
<li class="nav-item">
<a href="performance.html" class="nav-link">Performance</a>
</li>



<li class="nav-item">
<a href="blog.html" class="nav-link">Blog</a>
</li>
<li class="nav-item">
<a href="fotografie.html" class="nav-link">Fotografie</a>
</li>
<li class="nav-item">
<a href="artworx.html" class="nav-link">Artwork</a>
</li>
<li class="nav-item">
<a href="kunst.html" class="nav-link">Kunst</a>
</li>
<li class="nav-item">
<a href="coaching.html" class="nav-link">Coaching</a>
</li>
<li class="nav-item">
<a href="soziales.html" class="nav-link">Soziales</a>
</li>
<li class="nav-item">
<a href="referenzen.html" class="nav-link">Referenzen</a>
</li>
<li class="nav-item">
<a href="Projekte 1984-2016.html" class="nav-link">Projekte 1984 - 2016</a>
</li>
<li class="nav-item">
<a href="about.html" class="nav-link">About</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link">Kontakt</a>
</li>
<li class="nav-item">
<a href="impressum.html" class="nav-link">Impressum</a>
</li>

</ul>
</div>

</nav>

</div>
</div>
</div>
<div>&nbsp;</div>
<h6 class="text-center"> Besuchen Sie auch meine anderen Profile: </h6>
<a href="https://www.linkedin.com/in/isis-chi-gambatté-92413326/" target="_blank" rel="me"><img src="img/linkedinlogo.jpg" width="100" height="25" class="img-thumbnail" border="0"></a>

<a href="https://www.xing.com/profile/IsisChi_Gambatte" target="_blank" rel="me"><img src="https://www.xing.com/img/buttons/1_de_btn.gif" width="60" height="25" alt="Isis Chi Gambatté"></a>

<a href="https://www.cyberforum.de/mitglieder/profil/show/isis-chi-gambatte-cross-media-productions" target="_blank" rel="me"><img src="img/cyberlogo.jpg" alt="Isis Chi Gambatté" width="50" height="25" class="img-rounded"></a>

<a href="https://www.youtube.com/isisgambatte" target="_blank" rel="me"><img src="img/youtubelogo.jpg" width="80" height="25" class="img-rounded" ></a>

<a href="https://www.facebook.com/isischi.gambatte/" target="_blank" rel="me"><img src="img/facebooklogo.jpg" width="25" height="25" class="img-rounded" border="0"></a>

<a href="https://www.twitter.com/isisgambatte" target="_blank" rel="me"><img src="img/twitterlogo.jpg" width="25" height="25" class="img-rounded" border="0"></a>

<div>&nbsp;</div>

<div class="tm-home-img-container"></div>

<div>&nbsp;</div>

<div> </div></body></html>

<div></div>

<div class="tm-gold-text text-xs-center"><h1 class="tm-gold-text tm-title text xs-center">Willkommen auf meiner Homepage!</h1></div>
<div class="tm-gold-text text-xs-center"><h2 class="tm-gold-text tm-title text xs-center">Lieber wie ein Baum sein.</h2></div>
<p class="tm-copyright-text text-justify">
Die abendländische, auf der griechischen Antike basierende Philosophie stellt sich das menschliche Leben als verschlungenen Pfad aus lauter immer enger werdenden Windungen um einen Mittelpunkt herum vor, den der Mensch am Ende seines Lebens erreicht. Dieser Mittelpunkt ist der Endpunkt des Lebens und Sackgasse zugleich.</p>

<p class="text-justify tm-copyright-text">
Das Symbol für diese Vorstellung vom Leben ist uns allen bekannt. Es ist das Labyrinth.
</p>

<p class="text-justify tm-copyright-text">
Mir erschien das philosophische Modell Asiens immer viel lebensnäher.
</p>

<p class="text-justify tm-copyright-text">
Betrachte ich Erscheinungen in der Natur, zum Beispiel einen Baum, dann wächst dieser von Jahr zu Jahr immer weiterund wird grösser und grösser: Sowohl im für uns sichtbaren Bereich, den Zweigen und Ästen, als auch im für uns unsichtbaren Erdreich: Seinen Wurzeln.
</p>
<p class="text-justify tm-copyright-text">
Warum sollte es bei uns Menschen anders sein?
</p>
<p class="text-justify tm-copyright-text">
Die Vorstellung einer Reduktion meines Lebensradius zum Ende meines Lebens hin bis zu einem Punkt absoluter Unbeweglichkeit: Dem Endpunkt des Labyrinths, misfiel mir durchaus.
</p>
<p class="text-justify tm-copyright-text">
Mir erscheint das Leben eher wie eine umgekehrte Pyramide: Am Anfang bestehen die Interessen nur aus einseitigen Vorlieben, dann erwerben wir weiteres Wissen, Kenntnisse, Fertigkeiten und die Grundfläche unseres Lebens wächst ebenso wie wir selbst.
</p>
<p class="text-justify tm-copyright-text">
Von Jahr zu Jahr nimmt unser Wissen zu und wir erlangen Meisterschaft über immer mehr Disziplinen.
</p>
<p class="text-justify tm-copyright-text">
Isis Chi Gambatté, 2016.
</p>

<div> </div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">&nbsp;</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-xs-center">
<h2 class="tm-gold-text tm-title">Aktuelles und künftiges</h2>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">&nbsp;</div>
<div class="row tm-margin-t-mid">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 tm-sm-m-b">
<h3 class="tm-gold-text">Das Ding beim Namen nennen: Rassismus! </h3>
<h4 class="tm-margin-b-30">Mein 5.Videoclip für die Karlsruher Wochen gegen Rassismus </h4>
<iframe width="480" height="300" src="https://www.youtube.com/embed/Dcj2BPCmRaQ" frameborder="0" allowfullscreen></iframe>

<h3 class="tm-gold-text tm-title">Rassismus bleibt ein Hauptproblem friedlichen gesellschaftlichen Miteinanders.</h3>
<h4 class="text-justify tm-copyright-text"> Der Videoclip "Das Ding beim Namen nennen: Rassismus!" behandelt bitterernst und gleichzeitig humorvoll das Thema alltäglichen gesellschaftlichen Rassismus. Gezeigt wird dies anhand des Phänomens, das die Mehrheit der in Deutschland lebenden Menschen rassistisches Verhalten nicht klar als Rassismus benennt. </h4>
<h4 class="text-justify tm-copyright-text">Warum fällt es uns so schwerzu sagen das der Grund für ein Ereignis Rassimsus war, wenn es doch offensichtlich ist?</h4>
<div>&nbsp;</div>
<a href="videoproduktion.html" class="tm-btn text-uppercase">Mehr Anti- Rassismus-Clips</a>
<div>&nbsp;</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
<h3 class="tm-gold-text">Dokumentarfilm Deutschland? Deutschland!</h3>
<h4 class="text-justify tm-copyright-text"> Am 15.März war die gefeierte Premiere meines jüngsten Dokumentarfilms "Deutschland? Deutschland!" im Bürgersaal des Rathauses in Karlsruhe. </h4>
<h4 class="text-justify tm-copyright-text"> Nach einer herzlichen Begrüssung durch den Bürgermeister Martin Lenz sahen über 300 Zuschauer den Film, der einen Einblick in die Sicht unbegleiteter minderjähriger Geflüchteter in Deutschland auf ihr neues Leben in Deutschland gibt. </h4>
<h4 class="text-justify tm-copyright-text"> Dabei ist es falsch anzunehmen, dass die nach Deutschland Geflohenen -nur weil sie die deutsche Sprache nicht oder noch nicht beherrschen- nicht bemerken, dass sie zwar Sympathie und Hilfestellung erfahren, aber auch Gewalt, Rassismus und Ablehnung. </h4>
<h4 class="text-justify tm-copyright-text"> Aus Angst davor, auf der Strasse wiedererkannt und angefeindet zu werden, wurden die Jugendlichen als animiertes Portrait dargestellt und ihre Meinung zu Deutschland und den Deutschen als kurze Statements gezeigt. </h4>
<h4 class="text-justify tm-copyright-text"> Der Film wird am 2. Juni 2017 um 19:30 Uhr im ibz, Kaiserallee 12d, 76133 Karlsruhe erneut gezeigt. </h4>
<div>&nbsp;</div>
<a href="hhttp://ibz-karlsruhe.de/component/rsevents/event/1547-filmvorfuehrung-im-ibz-deutschland-deutschland.html?Itemid=211" class="tm-btn text-uppercase">Zur Veranstaltung im IBZ </a>
<div>&nbsp;</div>
<h4 class="text-justify tm-copyright-text"> Am 29. April 2017 findet um 19:00 Uhr im ibz, Kaiserallee 12d, 76133 die Vernissage zur Ausstellung Blut Blood Sange- Religion und Mythos statt. </h4>
<h4 class="text-justify tm-copyright-text"> Die Ausstellung befasst sich mit dem Thema “Blut“ in modernen Mythen und Religionsauslegungen. Das Blut Christi steht neben dem Blut der Verstorbenen in vergangenen und aktuellen Glaubenskriegen. Blut als magische Substanz, als eine Flüssigkeit mit Zauberkraft. Die Arbeiten zeigen die Symbole, die immer mehr unsere Alltagskultur durchsetzen: Blut und Mythos sind allgegenwärtig.</h4>
<div>&nbsp;</div>
<a href="kunst.html" class="tm-btn text-uppercase">mehr infos zur Ausstellung </a>
<div>&nbsp;</div>
<a href="" class="tm-btn text-uppercase">Zur Veranstaltung im IBZ </a>
<div>&nbsp;</div>
<p class="text-justify">Sie möchten keine Veranstaltung mehr versäumen? Wie schön! Bitte schreiben Sie mir per Mail und Sie erfahren immer als erstes wann und wo ich wieder eine Inszenierung, Pertformance, eine Meditation oder ein Konzert gebe:</p>
<a href="mailto:gambatte@gambatte.name" class="tm-btn text-uppercase">Schreiben Sie mir</a>
</div>

</div>
<div>&nbsp;</div>
<!-- row -->


<footer class="tm-footer">
<div class="container-fluid">
<div class="row">

<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">

<div class="tm-footer-content-box">




</div>

</div>

<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">
<div class="tm-footer-content-box tm-footer-links-container">


<nav> </nav>

</div>

</div>

<!-- Add the extra clearfix for only the required viewport
http://stackoverflow.com/questions/...height-in-each-item-is-it-solvable-using-only
-->
<div class="clearfix hidden-lg-up"></div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">

<div class="tm-footer-content-box">






</div>

</div>


</div>

<div class="row">
<div class="col-xs-12 tm-copyright-col">
<h5 class="tm-text">Copyright: Isis Chi Gambatté, 2017</h5>
</div>
</div>
</div>
</footer>
 

Fugel

rebmeM

PSD Beta Team
Gibt es auch einen Link zur Seite? So ist es viel einfacher dir zu helfen, es muss ja nicht nur am HTML liegen. Bitte sei auch so lieb und pack dein HTML hier im Forum in das dafür vorgesehene [ HTML ][ /HTML ]

Update:
Hab deine Seite gefunden ;-)... so wie ich das sehe lädst du die bootstrap.js nicht und ohne die geht es nicht.
 
Zuletzt bearbeitet:

Löwenherz

Noch nicht viel geschrieben

Hallo Fugl,
vielen Dank schon einmal für die Rückmeldung. Die Seite ist:
Code:
<!DOCTYPE html>
<html>
<link rel="shortcut icon" href="http://www.gambatte.name/favicon.ico">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Home</title>
    <!-- load stylesheets -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">  <!-- Google web font "Open Sans" -->
    <link rel="stylesheet" href="css/bootstrap.min.css">                                      <!-- Bootstrap style -->
    <link rel="stylesheet" href="css/templatemo-style.css">                                   <!-- Templatemo style -->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
          <![endif]-->
</head>

    <body>
       
        <div class="tm-header">
            <div class="container-fluid">
                <div class="tm-header-inner">
                    <img src="img/Loewenlogofuerhp.png" alt="" width="200" height="200" class="img-rounded img-responsive"/><a href="#" class="navbar-brand tm-site-name"></a>
                   
                    <!-- navbar -->
                    <nav class="navbar tm-main-nav">

                        <button class="navbar-toggler hidden-md-up" type="button" data-toggle="collapse" data-target="#tmNavbar">
                            &#9776;
                        </button>
                       
                        <div class="collapse navbar-toggleable-sm" id="tmNavbar">
                            <ul class="nav navbar-nav col-lg-offset-0 col-lg-12">
                                <li class="nav-item active">
                                    <a href="index.html" class="nav-link">Home</a>
                                </li>
                                <li class="nav-item">
                                    <a href="videoproduktion.html" class="nav-link">Video</a>
                                </li>
                                <li class="nav-item">
                                    <a href="musikproduktion.html" class="nav-link">Musik</a>
                                </li>
                                <li class="nav-item">
                                    <a href="visualmusic.html" class="nav-link">Visual Music</a>
                                </li>
                                <li class="nav-item">
                                    <a href="performance.html" class="nav-link">Performance</a>
                                </li>
                               
                               
                               
                                <li class="nav-item">
                                    <a href="blog.html" class="nav-link">Blog</a>
                                </li>
                                <li class="nav-item">
                                    <a href="fotografie.html" class="nav-link">Fotografie</a>
                                </li>
                                <li class="nav-item">
                                    <a href="artworx.html" class="nav-link">Artwork</a>
                                </li>
                                <li class="nav-item">
                                    <a href="kunst.html" class="nav-link">Kunst</a>
                                </li>
                                <li class="nav-item">
                                    <a href="coaching.html" class="nav-link">Coaching</a>
                                </li>
                                <li class="nav-item">
                                    <a href="soziales.html" class="nav-link">Soziales</a>
                                </li>
                                <li class="nav-item">
                                    <a href="referenzen.html" class="nav-link">Referenzen</a>
                                </li>
                                <li class="nav-item">
                                    <a href="Projekte 1984-2016.html" class="nav-link">Projekte 1984 - 2016</a>
                                </li>
                                <li class="nav-item">
                                    <a href="about.html" class="nav-link">About</a>
                                </li>
                                <li class="nav-item">
                                    <a href="contact.html" class="nav-link">Kontakt</a>
                                </li>
                                <li class="nav-item">
                                    <a href="impressum.html" class="nav-link">Impressum</a>
                                </li>
                   
                            </ul>                       
                        </div>
                       
                    </nav> 

                </div>                                 
            </div>           
        </div>
        <div>&nbsp;</div>
    <h6 class="text-center"> Besuchen Sie auch meine anderen Profile: </h6>
        <a href="https://www.linkedin.com/in/isis-chi-gambatté-92413326/" target="_blank" rel="me"><img src="img/linkedinlogo.jpg" width="100" height="25" class="img-thumbnail" border="0"></a>
       
        <a href="https://www.xing.com/profile/IsisChi_Gambatte" target="_blank" rel="me"><img src="https://www.xing.com/img/buttons/1_de_btn.gif" width="60" height="25" alt="Isis Chi Gambatté"></a>
       
        <a href="https://www.cyberforum.de/mitglieder/profil/show/isis-chi-gambatte-cross-media-productions" target="_blank" rel="me"><img src="img/cyberlogo.jpg" alt="Isis Chi Gambatté" width="50" height="25" class="img-rounded"></a>
       
        <a href="https://www.youtube.com/isisgambatte" target="_blank" rel="me"><img src="img/youtubelogo.jpg" width="80" height="25" class="img-rounded" ></a>
       
       <a href="https://www.facebook.com/isischi.gambatte/"  target="_blank" rel="me"><img src="img/facebooklogo.jpg" width="25" height="25" class="img-rounded" border="0"></a>
       
        <a href="https://www.twitter.com/isisgambatte" target="_blank" rel="me"><img src="img/twitterlogo.jpg" width="25" height="25" class="img-rounded" border="0"></a>
       
    <div>&nbsp;</div>
       
        <div class="tm-home-img-container"></div>
       
           <div>&nbsp;</div>

    <div>    </div></body></html>   
                     
   <div></div>
                     
                     <div class="tm-gold-text text-xs-center"><h1 class="tm-gold-text tm-title text xs-center">Willkommen auf meiner Homepage!</h1></div>
                       <div class="tm-gold-text text-xs-center"><h2 class="tm-gold-text tm-title text xs-center">Lieber wie ein Baum sein.</h2></div>
                        <p class="tm-copyright-text text-justify">
                              Die abendländische, auf der griechischen Antike basierende Philosophie stellt sich das menschliche Leben als verschlungenen Pfad aus lauter immer enger werdenden Windungen um einen Mittelpunkt herum vor, den der Mensch am Ende seines Lebens erreicht. Dieser Mittelpunkt ist der Endpunkt des Lebens und Sackgasse zugleich.</p>
                             
                            <p class="text-justify tm-copyright-text">
                              Das Symbol für diese Vorstellung vom Leben ist uns allen bekannt. Es ist das Labyrinth.
                            </p>
                           
                             <p class="text-justify tm-copyright-text">
                              Mir erschien das philosophische Modell Asiens immer viel lebensnäher.
                            </p>
                           
                            <p class="text-justify tm-copyright-text">
                             Betrachte ich Erscheinungen in der Natur, zum Beispiel einen Baum, dann wächst dieser von Jahr zu Jahr immer weiterund wird grösser und grösser: Sowohl im für uns sichtbaren Bereich, den Zweigen und Ästen, als auch im für uns unsichtbaren Erdreich: Seinen Wurzeln.
                            </p>
                            <p class="text-justify tm-copyright-text">
                             Warum sollte es bei uns Menschen anders sein?
                            </p>
                            <p class="text-justify tm-copyright-text">
                             Die Vorstellung einer Reduktion meines Lebensradius zum Ende meines Lebens hin bis zu einem Punkt absoluter Unbeweglichkeit: Dem Endpunkt des Labyrinths, misfiel mir durchaus.
                            </p>
                             <p class="text-justify tm-copyright-text">
                             Mir erscheint das Leben eher wie eine umgekehrte Pyramide: Am Anfang bestehen die Interessen nur aus einseitigen Vorlieben, dann erwerben wir weiteres Wissen, Kenntnisse, Fertigkeiten und die Grundfläche unseres Lebens wächst ebenso wie wir selbst.
                            </p>
                            <p class="text-justify tm-copyright-text">
                             Von Jahr zu Jahr nimmt unser Wissen zu und wir erlangen Meisterschaft über immer mehr Disziplinen.
                            </p>
                            <p class="text-justify tm-copyright-text">
                             Isis Chi Gambatté, 2016.
                            </p>
                           
                   <div> </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">&nbsp;</div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-xs-center">
                       <h2 class="tm-gold-text tm-title">Aktuelles und künftiges</h2>
                </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">&nbsp;</div>
<div class="row tm-margin-t-mid">
      <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 tm-sm-m-b">
        <h3 class="tm-gold-text">Das Ding beim Namen nennen: Rassismus! </h3>
        <h4 class="tm-margin-b-30">Mein 5.Videoclip für die Karlsruher Wochen gegen Rassismus </h4>
        <iframe width="480" height="300" src="https://www.youtube.com/embed/Dcj2BPCmRaQ" frameborder="0" allowfullscreen></iframe>
                         
        <h3 class="tm-gold-text tm-title">Rassismus bleibt ein Hauptproblem friedlichen gesellschaftlichen Miteinanders.</h3>
        <h4 class="text-justify tm-copyright-text"> Der Videoclip "Das Ding beim Namen nennen: Rassismus!" behandelt  bitterernst und gleichzeitig humorvoll das Thema alltäglichen gesellschaftlichen Rassismus. Gezeigt wird dies anhand des Phänomens, das die Mehrheit der in Deutschland lebenden Menschen rassistisches Verhalten nicht klar als Rassismus benennt. </h4>
                            <h4 class="text-justify tm-copyright-text">Warum fällt es uns so schwerzu sagen das der Grund für ein Ereignis Rassimsus war, wenn es doch offensichtlich ist?</h4>
                    <div>&nbsp;</div>
<a href="videoproduktion.html" class="tm-btn text-uppercase">Mehr Anti- Rassismus-Clips</a>
        <div>&nbsp;</div>
</div>

          <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
            <h3 class="tm-gold-text">Dokumentarfilm Deutschland? Deutschland!</h3>
            <h4 class="text-justify tm-copyright-text"> Am 15.März war die gefeierte Premiere meines jüngsten Dokumentarfilms "Deutschland? Deutschland!" im Bürgersaal des Rathauses in Karlsruhe. </h4>
            <h4 class="text-justify tm-copyright-text"> Nach einer herzlichen Begrüssung durch den Bürgermeister Martin Lenz sahen über 300 Zuschauer den Film, der einen Einblick in die Sicht unbegleiteter minderjähriger Geflüchteter in Deutschland auf ihr neues Leben in Deutschland gibt. </h4>
            <h4 class="text-justify tm-copyright-text"> Dabei ist es falsch anzunehmen, dass die nach Deutschland Geflohenen -nur weil sie die deutsche Sprache nicht oder noch nicht beherrschen- nicht bemerken, dass sie zwar Sympathie und Hilfestellung erfahren, aber auch Gewalt, Rassismus und Ablehnung. </h4>
            <h4 class="text-justify tm-copyright-text"> Aus Angst davor, auf der Strasse wiedererkannt und angefeindet zu werden, wurden die Jugendlichen als animiertes Portrait dargestellt und ihre Meinung zu Deutschland und den Deutschen als kurze Statements gezeigt. </h4>
            <h4 class="text-justify tm-copyright-text"> Der Film wird am 2. Juni 2017 um 19:30 Uhr im ibz, Kaiserallee 12d, 76133 Karlsruhe erneut gezeigt. </h4>
                        <div>&nbsp;</div>
            <a href="hhttp://ibz-karlsruhe.de/component/rsevents/event/1547-filmvorfuehrung-im-ibz-deutschland-deutschland.html?Itemid=211" class="tm-btn text-uppercase">Zur Veranstaltung im IBZ </a>
            <div>&nbsp;</div>
            <h4 class="text-justify tm-copyright-text"> Am 29. April 2017 findet um 19:00 Uhr im ibz, Kaiserallee 12d, 76133 die Vernissage zur Ausstellung Blut Blood Sange- Religion und Mythos statt. </h4>
            <h4 class="text-justify tm-copyright-text"> Die Ausstellung befasst sich mit dem Thema “Blut“ in modernen Mythen und Religionsauslegungen. Das Blut Christi steht neben dem Blut der Verstorbenen in vergangenen und aktuellen Glaubenskriegen. Blut als magische Substanz, als eine Flüssigkeit mit Zauberkraft. Die Arbeiten zeigen die Symbole, die immer mehr unsere Alltagskultur durchsetzen: Blut und Mythos sind allgegenwärtig.</h4>
            <div>&nbsp;</div>
            <a href="kunst.html" class="tm-btn text-uppercase">mehr infos zur Ausstellung </a>
            <div>&nbsp;</div>
            <a href="http://ibz-karlsruhe.de/component/rsevents/event/1539-vernissage-zur-ausstellung-blut-blood-sange-religion-und-mythos.html?Itemid=211" class="tm-btn text-uppercase">Zur Veranstaltung im IBZ </a>
            <div>&nbsp;</div>
            <p class="text-justify">Sie möchten keine Veranstaltung mehr versäumen? Wie schön! Bitte schreiben Sie mir per Mail und Sie erfahren immer als erstes wann und wo ich wieder eine Inszenierung, Pertformance, eine Meditation oder ein Konzert gebe:</p>
            <a href="mailto:gambatte@gambatte.name" class="tm-btn text-uppercase">Schreiben Sie mir</a>
</div>

    </div>
      <div>&nbsp;</div>
<!-- row -->

       
       <footer class="tm-footer">
            <div class="container-fluid">
                <div class="row">
                   
                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">
                       
                      <div class="tm-footer-content-box">
                           
                       
                           
                               
                        </div>
                                               
                    </div>

                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">
                        <div class="tm-footer-content-box tm-footer-links-container">
                       
                           
                            <nav> </nav>

                        </div>
                       
                    </div>

                    <!-- Add the extra clearfix for only the required viewport
                        http://stackoverflow.com/questions/24590222/bootstrap-3-grid-with-different-height-in-each-item-is-it-solvable-using-only
                    -->
                  <div class="clearfix hidden-lg-up"></div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">

        <div class="tm-footer-content-box">
                       
                       
                       
         


                        </div>
                       
                  </div>


                </div>

                <div class="row">
                    <div class="col-xs-12 tm-copyright-col">
                      <h5 class="tm-text">Copyright: Isis Chi Gambatté, 2017</h5>
                    </div>
                </div>
            </div>
        </footer>
 

Löwenherz

Noch nicht viel geschrieben

Hallo noch einmal,

ich sehe gerade das zum Beispiel die Seitehttp://www.gambatte.name/visualmusic.html im Hinblick auf das Hamburger-Menü funktioniert ( dh wenn man auf das Hamburger-Symbol geht, dann öffnet sich das Menü), aber wenn man zB die Seite index ( also die Stratseize öffnet, dann klappt es nicht. Ich habe den Code verglichen, aber der ist gleich, oder habe ich da etwas übersehen?
Jedenfalls füge ich hier mal den Code der funktionierenden Seite bei und bitte Dich/Euch um Unterstützung. Vielen Dank!
Code:
<!DOCTYPE html>
<html>
<link rel="shortcut icon" href="http://www.gambatte.name/favicon.ico">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Visual Music</title>

    <!-- load stylesheets -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">  <!-- Google web font "Open Sans" -->
    <link rel="stylesheet" href="css/bootstrap.min.css">                                      <!-- Bootstrap style -->
    <link rel="stylesheet" href="css/templatemo-style.css">                                   <!-- Templatemo style -->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
          <![endif]-->
</head>

    <body>
       
        <div class="tm-header">
            <div class="container-fluid">
                <div class="tm-header-inner">
                    <img src="img/Loewenlogofuerhp.png" alt="" width="200" height="200" class="img-rounded img-responsive"/><a href="#" class="navbar-brand tm-site-name"></a>
                   
                    <!-- navbar -->
                    <nav class="navbar tm-main-nav">

                        <button class="navbar-toggler hidden-md-up" type="button" data-toggle="collapse" data-target="#tmNavbar">
                            &#9776;
                        </button>
                       
                        <div class="collapse navbar-toggleable-sm" id="tmNavbar">
                            <ul class="nav navbar-nav col-lg-offset-0 col-lg-12">
                                <li class="nav-item">
                                    <a href="index.html" class="nav-link">Home</a>
                                </li>
                                <li class="nav-item">
                                    <a href="videoproduktion.html" class="nav-link">Video</a>
                                </li>
                                <li class="nav-item">
                                    <a href="musikproduktion.html" class="nav-link">Musik</a>
                                </li>
                                <li class="nav-item active">
                                    <a href="visualmusic.html" class="nav-link">Visual Music</a>
                                </li>
                                <li class="nav-item">
                                    <a href="performance.html" class="nav-link">Performance</a>
                                </li>
                                <li class="nav-item">
                                    <a href="blog.html" class="nav-link">Blog</a>
                                </li>
                                <li class="nav-item">
                                    <a href="fotografie.html" class="nav-link">Fotografie</a>
                                </li>
                                <li class="nav-item">
                                    <a href="artworx.html" class="nav-link">Artwork</a>
                                </li>
                                <li class="nav-item">
                                    <a href="kunst.html" class="nav-link">Kunst</a>
                                </li>
                                <li class="nav-item">
                                    <a href="coaching.html" class="nav-link">Coaching</a>
                                </li>
                                <li class="nav-item">
                                    <a href="soziales.html" class="nav-link">Soziales</a>
                                </li>
                                <li class="nav-item">
                                    <a href="referenzen.html" class="nav-link">Referenzen</a>
                                </li>
                                <li class="nav-item">
                                    <a href="Projekte 1984-2016.html" class="nav-link">Projekte 1984 - 2016</a>
                                </li>
                                <li class="nav-item">
                                    <a href="about.html" class="nav-link">About</a>
                                </li>
                                <li class="nav-item">
                                    <a href="contact.html" class="nav-link">Kontakt</a>
                                </li>
                                <li class="nav-item">
                                    <a href="impressum.html" class="nav-link">Impressum</a>
                                </li>
                   
                            </ul>                       
                        </div>
                       
                    </nav> 

                </div>                                 
            </div>           
        </div>
        <div>&nbsp;</div>
         <h6 class="text-center"> Besuchen Sie auch meine anderen Profile: </h6>
       
    <a href="https://www.linkedin.com/in/isis-chi-gambatté-92413326/" target="_blank" rel="me"><img src="img/linkedinlogo.jpg" width="100" height="25" class="img-rounded" border="0"></a>
       
        <a href="https://www.xing.com/profile/IsisChi_Gambatte" target="_blank" rel="me"><img src="https://www.xing.com/img/buttons/1_de_btn.gif" width="60" height="25" alt="Isis Chi Gambatté"></a>
       
        <a href="https://www.cyberforum.de/mitglieder/profil/show/isis-chi-gambatte-cross-media-productions" target="_blank" rel="me"><img src="img/cyberlogo.jpg" alt="Isis Chi Gambatté" width="50" height="25" class="img-rounded"></a>
       
        <a href="https://www.youtube.com/isisgambatte" target="_blank" rel="me"><img src="img/youtubelogo.jpg" width="80" height="25" class="img-rounded" ></a>
       
       <a href="https://www.facebook.com/isischi.gambatte/"  target="_blank" rel="me"><img src="img/facebooklogo.jpg" width="25" height="25" class="img-rounded" border="0"></a>
       
        <a href="https://www.twitter.com/isisgambatte" target="_blank" rel="me"><img src="img/twitterlogo.jpg" width="25" height="25" class="img-rounded" border="0"></a>
       
       <div>&nbsp;</div>
       
        <div class="tm-visualmusic-img-container">
         
        </div>

        <div>&nbsp;</div>
           
           
<div class="row tm-margin-t-mid">
       
        <div class="col-xs-12">
                       <h2 class="tm-gold-text">Visual Music</h2>
                        <h3 class="tm-gold-text">Audiovisuelle Meditationen</h3>
                        <p><iframe width="480" height="300" src="https://www.youtube.com/embed/uJsv330UuiA" frameborder="0" allowfullscreen></iframe></p>
                       
                        <p class="text-justify">Bei herkömmlichen Meditationen wird durch bestimmte Techniken der Körperhaltung, Atmung, Konzentration oder durch das Wiederholen bestimmter sprachlicher Formeln ein bestimmter Zustand des Bewusstseins herbeigeführt, in dem Wahrheiten erkannt werden und die Konzentration völlig in einem Punkt gesammelt ist.</p>
                   
                           <p class="text-justify">Dies ist ein Ausschnitt einer von mir dargebrachten audiovisuellen Meditation am 22. März im ibz in Karlsruhe.</p>
                   
                           <p class="text-justify">Meine audiovisuellen Meditationen schaffen einen modernen musikalischen und visuellen Rahmen, der Erkennen und sinnende Betrachtung durch Klänge und Bilder ermöglicht.</p>
                   
                           <p class="text-justify">Jeder ist bei meinen Meditationen dazu eingeladen, zu meditieren: Entweder still lauschend auf die eigens komponierte Musik oder den visuellen Aspekt genießend, in dem durch die ruhigen Videosequenzen, die spezielle Farbgebung und Rhythmus der Bilder friedvolle Innenschau und Erkenntnis ermöglicht werden.</p>
                   
                           <p class="text-justify">Meine audiovisuellen Meditationen schärfen die Sinne und öffnen den Geist.</p>
      </div>
              </div>

               
<div class="row tm-margin-t-mid">
        <div class="col-xs-12">
                        <h3 class="tm-gold-text">Spring</h3>
                        <p>
                            <iframe width="560" height="315" src="https://www.youtube.com/embed/vxOJIm2esPo" frameborder="0" allowfullscreen></iframe>
                        </p>
                        <p class="text-justify">
                            Die audiovisuelle Komposition "Spring" entstand für die pArt am 9.März 2012 in Karlsruhe, welches die Tänzerin Gabriela Lang mit einer Solo-Performance zu dieser Musik mit dem Video als Bühnenbild eröffnete.
                        </p>
      </div>
              </div>
               
               

       <div class="row tm-margin-t-mid">
       
        <div class="col-xs-12">
                        <h3 class="tm-gold-text">AGUA</h3>
                        <p><iframe width="560" height="315" src="https://www.youtube.com/embed/a0t6uAX5YIM" frameborder="0" allowfullscreen></iframe></p>
                        <p>Eine audiovisuelle serielle Komposition. Premiere am 28. Januar 2012 im art/o/phonic in Heidelberg</p>
      </div>
              </div>
             
             
<div class="row tm-margin-t-mid">
        <div class="col-xs-12">
                        <h3 class="tm-gold-text">"Frieden" sprach der Engel, "Frieden!"</h3>
                        <p><iframe width="560" height="315" src="https://www.youtube.com/embed/hU5E7s2Xmi4" frameborder="0" allowfullscreen></iframe></p>
                        <p class="text-justify">Dieser Clip entstand anläßlich der Weihnachtsfeier der HfG in Karlsruhe, 2011</p>
      </div>
              </div>
               
               
               
           
<div class="row tm-margin-t-mid">
               
               
               <div class="col-xs-12">
                        <h3 class="tm-gold-text">Wer nichts zu verbergen hat, hat nichts zu befürchten</h3>
                        <p><iframe width="560" height="315" src="https://www.youtube.com/embed/28dFFgTkqd4" frameborder="0" allowfullscreen></iframe></p>
                       
                        <p class="text-justify">Mein Song gegen Massendatenspeicherung, TKÜV, Überwachung und Aufhebung der Privatsphäre. Technische Machbarkeit multipliziert mit Gleichgültigkeit der Mehrheit gegenüber den Möglichkeiten der Konzerne und Regierungen potenziert mit der Verführungskraft der Medien. Wozu braucht man noch eine Fußfessel wenn man ein Smartphone hat.</p>
                   
                           
      </div>
              </div>
                 
             
             
           
<div class="row tm-margin-t-mid">
             
               <div class="col-xs-12">
                        <h3 class="tm-gold-text">Music and Snow for Rabbits</h3>
                        <p><iframe width="560" height="315" src="https://www.youtube.com/embed/9ZR5aolbbE0" frameborder="0" allowfullscreen></iframe></p>
                       
                        <p class="text-justify">For all the rabbits on earth.</p>
                   
                           
      </div>
                </div>
                 
               
               
               
           
<div class="row tm-margin-t-mid">
               
                <div class="col-xs-12">
                        <h3 class="tm-gold-text">Audiovisuelle Performance</h3>
                        <p><iframe width="560" height="315" src="https://www.youtube.com/embed/91XcnNu2H9A" frameborder="0" allowfullscreen></iframe></p>
                       
                        <p class="text-justify">Ausschnitt aus dem audiovisuellen Konzertprogramm.</p>
                   
                           
      </div>
                </div>
                   
               
               
           
<div class="row tm-margin-t-mid">
               
               
               
               
                <div class="col-xs-12">
                        <h3 class="tm-gold-text">Audiovisuelle Performance</h3>
                        <p><iframe width="560" height="315" src="https://www.youtube.com/embed/iVGRB3jTbEs" frameborder="0" allowfullscreen></iframe></p>
                       
                        <p class="text-justify">QUANTUM MUSIC! Promomovideo zum Start der Konzertreihe mit elektronischer Musik und Visuals von und mit mir am 4. Februar 2010 in der "Marktlücke" in 76133 Karlsruhe am Marktplatz.</p>
                   
                           
      </div>
                </div>
                     
               
                 
<div class="row tm-margin-t-mid">
                         
                <div class="col-xs-12">
                        <h3 class="tm-gold-text">Promotion Video zur Premiere am 19. November 2009 </h3>
                        <p><iframe width="560" height="315" src="https://www.youtube.com/embed/koS60_mLWZo" frameborder="0" allowfullscreen></iframe></p>
                       
                        <p class="text-justify">Promo Video zur Premiere meiner aktuellen Produktion "Elektronische Musik und Visuals" am 19.November 2009 in der "Marktlücke" am Karlsruher Marktplatz.</p>
                   
                           
      </div>
                </div>
                       
               
               
           
<div class="row tm-margin-t-mid">
                     
                <div class="col-xs-12">
                        <h3 class="tm-gold-text">Song 4 Paris</h3>
                        <p><iframe width="560" height="315" src="https://www.youtube.com/embed/zhVWC3Ns73Q" frameborder="0" allowfullscreen></iframe></p>
                       
                        <p class="text-justify">Song 4 Paris.</p>
                   
                           
      </div>
                </div>
                     
               
               
           
<div class="row tm-margin-t-mid">
                     
                <div class="col-xs-12">
                        <h3 class="tm-gold-text">Räume sind Erinnerungen vs. Erinnerungen sind Räume</h3>
                        <p><iframe width="560" height="315" src="https://www.youtube.com/embed/Is1GjlmAZa0" frameborder="0" allowfullscreen></iframe></p>
                       
                        <p class="text-justify">Tanz war schon immer ein elementarer Bestandteil meiner Performances und Konzerte, so auch im aktuellen Programm "Elektronische Musik und Visuals". Viele der Songs und Sounds entstehen aus Bewegungen und Gesten. Durch die häufige, langsame Wiederholung verdichten sich Emotion und Ausdruck.</p>
                   
                           
      </div>
                </div>
                     
               
             
<div class="row tm-margin-t-mid">
                     
                <div class="col-xs-12">
                        <h3 class="tm-gold-text">Stellaris Snippet 2</h3>
                        <p><iframe width="560" height="315" src="https://www.youtube.com/embed/aS6E8O0ctvY" frameborder="0" allowfullscreen></iframe></p>
                       
                        <p class="text-justify">Das ist das Demo zu meinem aktuellen intermedialen Performance Konzertprogramm Stellaris. Gezeigt werden Sequenzen aus dem bei der Show live von mir gefahrenen Videos und Aufnahmen des Konzerts am 20.Februar 2009 in Karlsruhe. Viel Vergnügen!</p>
                   
                           
      </div>
                </div>
                     
               
               
           
<div class="row tm-margin-t-mid">
                     
                <div class="col-xs-12">
                        <h3 class="tm-gold-text">Stellaris Snippet 1</h3>
                        <p><iframe width="560" height="315" src="https://www.youtube.com/embed/o1rVYJYxFiM" frameborder="0" allowfullscreen></iframe></p>
                       
                        <p class="text-justify">Dies ist ein Ausschnitt aus meinem neuen Konzertprogramm "Stellaris". Stellaris ist der dritte Teil aus dem IST DAS WAS IST- Zyklus. IST DAS WAS IST ist der Name des virtuellen Erfahrungsprogrammes, aus welchem die Protagonistin Stella auswählt. Stella wählt Erfahrungen aus einem Hauptmenü welches durch das Konzertprogramm führt. Die ausgewählten Erfahrungen erlebt Stella dann als Musik und Song. Stilistisch bewegt sich das Solo-Programm zwischen elektronischer Musik, Hiphop, und experimentellen Sounds. Dabei spiele und singe ich die Songs und fahre simultan die Videos, die auf der Leinwand zu sehen sind. Die in diesem Video gezeigten Bilder stammen von den proizierten Bildern und Aufnahmen der Live-Kamera, die während des Konzerts das Geschehen auf der Bühne aufzeichnet. Premiere von Stellaris ist am 9. Januar 2009 in Karlsruhe in der Kaldaune, Durlacher Allee 64, 76131 Karlsruhe.</p>
                   
                           
      </div>
                </div>
                     
           
<div class="row tm-margin-t-mid">
                     
                <div class="col-xs-12">
                        <h3 class="tm-gold-text">Was auch geschieht bleib dir treu!</h3>
                        <p><iframe width="560" height="315" src="https://www.youtube.com/embed/YAzQlNqqCIU" frameborder="0" allowfullscreen></iframe></p>
                       
                        <p class="text-justify">Dieser Film gehört zum Projekt geometrische Gefühle und zu den Videos, die bei meinem Solo-Audio-Video-Performance-Konzertprogramm gezeigt werden. Es gibt ihn auch in einer 1h-Fassung, so wie er bei Video-Installationen und Ausstellungen zu sehen ist. Die Haltung des Films, die sich auch im Filmtitel ausdrückt, wird repräsentiert durch geometrische Figuren (Rechtecke) und Bewegungen dieser Rechtecke im Raum. Das weiße Rechteck im Bild ( es symbolisiert das Selbst)taucht erst im Laufe des Videos auf und wird stärker je mehr Bewegung um es herum geschieht ( dies kommt auch durch die vermehrte Spannung in der Musik zum Ausdruck). Was auch geschieht: Es bleibt sich treu.</p>
                   
                           
      </div>
                </div>
                     
           
<div class="row tm-margin-t-mid">
                     
                <div class="col-xs-12">
                        <h3 class="tm-gold-text">Vögel</h3>
                        <p><iframe width="560" height="315" src="https://www.youtube.com/embed/738hXuIQ7eA" frameborder="0" allowfullscreen></iframe></p>
                       
                        <p class="text-justify">Dieser Film ist Teil meines Video-Zyklus Animals & Emotions. Animals & Emotions gehört zu meinem Live-Solo-Audio-Video-Performance-Konzert-Programm. Im Rahmen einer Video-Installation oder Multimedia-Ausstellung, wo er auch schon gezeigt wurde, ist er im Original 1h lang.</p>
                   
                           
      </div>
                </div>
                     
           
<div class="row tm-margin-t-mid">
                     
                <div class="col-xs-12">
                        <h3 class="tm-gold-text">Feuer</h3>
                        <p><iframe width="560" height="315" src="https://www.youtube.com/embed/k8aZiLytB90" frameborder="0" allowfullscreen></iframe></p>
                       
                        <p class="text-justify">Dieses Video ist Teil meines Audio-Video-Live-Konzertprogramms. Es versinnbildlicht das Element Feuer mit seinem Bedeutungsspektrum im Rahmen der asiatischen 5-Elementenlehre.</p>
                   
                           
      </div>
                </div>
                     
               
               
               
                <!-- row -->

                     
       
    <footer class="tm-footer backgroundcolor#4D3E1D">
            <div class="container-fluid">
                <div class="row">
                   
                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">
                       
                        <div class="tm-footer-content-box"> </div>
                                               
                    </div>

                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3"> </div>

                    <!-- Add the extra clearfix for only the required viewport
                        http://stackoverflow.com/questions/24590222/bootstrap-3-grid-with-different-height-in-each-item-is-it-solvable-using-only
                    -->
                    <div class="clearfix hidden-lg-up"></div>

                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3"> </div>

                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3"> </div>


                </div>

                <div class="row">
                    <div class="col-xs-12 tm-copyright-col">
                      <h5 class="tm-text text-center">Copyright 2017 Isis Chi Gambatté</h5>
                     
                  </div>
                </div>
            </div>
        </footer>

        <!-- load JS files -->
        <script src="js/jquery-1.11.3.min.js"></script>             <!-- jQuery (https://jquery.com/download/) -->
        <script src="https://www.atlasestateagents.co.uk/javascript/tether.min.js"></script> <!-- Tether for Bootstrap, http://stackoverflow.com/questions/34567939/how-to-fix-the-error-error-bootstrap-tooltips-require-tether-http-github-h -->
        <script src="js/bootstrap.min.js"></script>                 <!-- Bootstrap (http://v4-alpha.getbootstrap.com/) -->
       
       
             
               
               
                   
                   </body>
</html>
 

Löwenherz

Noch nicht viel geschrieben

Hallo Myhar,
danke für die Antwort. Ich habe gelesen, was Fugel geantwortet hat, aber bin mir nicht bewußt bei zb der visualmuic-seite irgendetwas anders zu machen als bei der index-seite.
Es tut mir leid, aber ich verstehe nicht worin der Unterschied besteht und was ich anders machen muß.
Wenn Du mir sagen kannst, was ich genau tun soll, damit die index-Seite sich ebenso verhält wie die visualmusic-Seite, dann sag mir das bitte.
Vielen Dank.
 

Myhar

Hat es drauf

lädst du die bootstrap.js nicht und ohne die geht es nicht.

Ausformuliert: Javascript ist dafür zuständig, dass das ein- und ausklappen überhaupt funktioniert. Bindet man das nicht ein, so kann natürlich auch nichts ein- oder ausgeklappt werden.
Dursuche deinen Quellcode einfach mal nach bootstrap.min.js... Dann solltest du den Unterschied sehen.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.611
Beiträge
1.538.341
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben