navbarが機能しなくなりました。私はw3schoolsからnavバーコードを手に入れました。しかし、それが起こるのは、それがnavbarを表示することですが、CSSを適用せずに、それは非常に間違って見えます。ここ は、ここに私のコードブートストラップのナビゲーションバーにはCSSが表示されません
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Html Editor 0.1</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link rel="stylesheet" href="meineStyles.css"/>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Page 1-1</a></li>
<li><a href="#">Page 1-2</a></li>
<li><a href="#">Page 1-3</a></li>
</ul>
</li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
</ul>
</div>
</nav>
<br>
<div class="container jumbotron shadowdiv">
<form id ="kekform" >
<div class="row">
<div class="col-md-6">
<textarea rows="4" cols="50" class="form-control" name="comment" form="kekform" id="textarea1"
onkeyup="showUserJquery(this.value)"></textarea>
</div>
<div class="col-md-6" id="divfortext">
<div id="eindiv" style="vertical-align:top"><b id="test"></b></div>
</div>
</div>
<table>
<tr>
<td>
</td>
<td >
</td>
</tr>
<tr>
<td>
<button onclick="changeColor()" type="button" style="color: red" >Farbe ändern</button>
</td>
<td>
<input type="radio" form="kekform" value="htmlno" name="htmlenable" checked="checked" id="htmlno">
<label for="htmlno">No HTML</label>
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type="radio" form="kekform" value="htmlyes" name="htmlenable" id="htmlyes">
<label for="htmlyes">Yes HTML</label>
</td>
</tr>
</table>
</form>
<br> <br>
<br>
<br>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="meineScripte.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
</body>
</html>
でmeineScripte.js
とmeineStyles.css
が対応する部分であり、あなたのためのjsfiddleです。 https://jsfiddle.net/m7kq6p9q/ はい、既に自分の.jsとcssなしで試しましたが、それでも動作しません。また、ブートストラップファイルが正しく読み込まれているかどうかは、chromeの開発ツールで確認しました。
あなたは、navbarが想定されているように見えていないことがはっきり分かります。これは私がそれを入手した場所です:https://www.w3schools.com/bootstrap/bootstrap_navbar.asp
を修正しましたか? – SuperUSer