0
我最近試圖將我在codepen中製作的網站移植到GitHub頁面上。由於摺疊的導航欄按鈕似乎不適用於新網站,因此我一直在與該網站發生問題。該頁面是響應等,但按鈕時不做任何事情。希望得到一些幫助。 Site將codepen網站移植到github頁面 - 摺疊導航按鈕不起作用
不知道你想要的代碼段,但這裏有一些你可能需要的。
<html>
<head>
<title> Jacob Jones- portfolio</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
<link rel="stylesheet" href="css/custom.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<!-- Navbar start -->
<nav class="navbar navbar-custom" id="bar">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="btn btn-default" class="navbar-toggle collapsed btn btn-default collps" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="true">
<span class="sr-only"></span>
<i class="fa fa-bars" aria-hidden="true"></i>
</button>
</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><a href="#about-me">About</a></li>
<li><a href="#skill-set">Skillset</a></li>
<li><a href="#projects">Portfolio</a></li>
</ul>
仍然無法正常工作:(您是否嘗試過爲自己查看網站,以便我們可以否認/確認問題? –
好了。現在解決 - 您是正確的,但事實證明您需要擁有該網站對於jquery和bootstrap正好在body標籤之上讓他們工作感謝您的快速反應和問題的解決 –
我的歉意;我最初並沒有意識到您正在運行HTTPS,並且我給出的鏈接是HTTP,您需要使用協議HTTPS的無法識別的鏈接:'//maxcdn.bootstrapcdn.com ...'。我更新了我的代碼來糾正這個問題,我很高興聽到你的工作:) –