質問があり、それはhtmlのnavbarの崩壊です。ページが765px幅になると私は現在、それが示しCollapse navbar toggle
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<nav>
<div class="container">
<!-- 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><i class="fa fa-bars fa-2x" aria-hidden="true"></i></button>
<script>
$(function() {
$('.nav a').on('click', function(){
if($('.navbar-toggle').css('display') !='none'){
$(".navbar-toggle").trigger("click");
}
});
});
</script>
<img klass="crab" src="images/crab.png" height="50" width="50">
<a class="navbar-brand" href="">Restaurang MaxLax</a> </div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="menu-collapsed">
<div class="bar"></div>
<div class="collapse navbar-collapse">
<nav>
<ul class="nav navbar-nav">
<li><a href="#home" onClick="gaq.push(('_trackPageview', 'home'))" class="link">HOME</a></li>
<li><a href="#menu" onClick="gaq.push(('_trackPageview', 'menu'))" class="link">MENU</a></li>
<li><a href="#gallery" onClick="gaq.push(('_trackPageview', 'gallery'))" class="link">GALLERY</a>
<li><a href="#contact" onClick="gaq.push(('_trackPageview', 'contact'))" class="link">CONTACT</a></li>
</ul>
</nav>
</div>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
(私は新しいイム、ここでそれを貼り付ける方法がわからない)
を使用しますバーアイコン。問題は、私はそれをクリックしていくつかのメニューをトグルすることができないということです。私の質問は
につながります。Q:コードをどのように書くのですか?
あなたは私のためにそれを:)作ることができればも素晴らしいことだ笑
MVHマックス
あなたのために書かれたコードを尋ねる質問は、このサイトのトピックではありません。私はあなたが新しいので、あなたに無料のパスを与えますが、私はあなたに警告しています、他のユーザーは研究と努力の欠如のためにこの質問をdownvoteする可能性が高いです。 – Feathercrown