Bootstrap 3.3.6 Warnings and Errors in Bootstrap.Min.CSS

Bootstrap 3.3.6 warnings and errors in bootstrap.min.css

See this thread:

Weird Error on bootstrap

Apparently it's a Firefox issue, the errors don't appear in Chrome.

Why so many bootstrap warnings in my console?

GET http://np.lexity.com/embed/YW/5eac58cc7afdade1c6dea905c5dc7617?id=af1b3d2a1d3a net::ERR_BLOCKED_BY_CLIENT

Are you using AdBlock or similar extension with Chrome? It looks like so, because your browser blocks HTTP requests to that domain.

About second part of your question. Is it Firefox's console log? If it is, Firefox is not able to process another vendor prefixes except it's own.

Bootstrap not loading bootstrap.min.css or custom css

The trick is to not use the dot for body. You will need to do

body {
background: black;
}

Using the dot in CSS refers to a class. I also found some other problems. Under your custom CSS linking I have included other css changes I did below.Some of my changes are redundant but some ensure that everything is black. Just remove each one I did and test it out. Keep the ones you like.

This would be your final page and css:

<!DOCTYPE html><html lang="en">
<head> <meta charset="UTF-8"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!--Bootstrap theme link--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <!-- Bootstrap css link --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- Custom CSS --> <link rel="stylesheet" type="text/css" href="css/custom.css"><style>.row {
background-color: black;background: black;
}
.bg-warning {
background-color: black;background: black;
}
.bg-success {
background-color: black;background: black;
}
.navbar-header {
background-color: black;background: black;
}.navbar {
background-color: black;background: black;
}.navbar-inverse {
background-color: black;background: black;
}body {
background-color: black;background: black;
}</style> <title>Dylan's Portfolio</title></head>
<body> <nav class="navbar navbar-inverse"> <!--Navbar--> <div class="container-fluid"> <!--Logo--> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainNavBar"> <!-- Hamburger Buttons for mobile --> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="#" class="navbar-brand">DD</a> </div> <!--Menu Items--> <div class="collapse navbar-collapse" id="mainNavBar"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">About Me</a></li> <li><a href="#">Projects</a></li> <li><a href="#">Contact</a></li> </ul> </div> </div> <!--End container--> </nav> <!--End Navbar--> <div class="container-fluid"> <div class="row"> <div class="col-md-12 bg-warning text-center"> <h1>Welcome</h1> <h3>My name is Dylan Davenport.</h3> <p>I am an aspiring web developer with a passion for learning.</p> <p>I live in Currituck NC. I love nature, music, and all things scientific.</p> <p>I am hoping to get the chance to work for a development company</p> <p>that has a strong sense of teamwork, respect, and maybe a little fun mixed in!</p> </div> </div> </div> <div class="row"> <div class="col-md-6 bg-success text-center"> <h4>Placeholder</h4> </div> </div>
<!-- JQuery and Javascript Links--> <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script></body>
</html>

Bootstrap throws Uncaught Error: Bootstrap's JavaScript requires jQuery

Try this

Change the order of files it should be like below..

<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>

Failed to load resource Bootstrap

You can disable it with deleting "/*# sourceMappingURL=bootstrap.min.css.map */" from your bootstrap.css file.

The warning should disappear.

dart2js attempting to compile css?

I would try to exclude the web/css directory for the Angular2 transformer:

transformers:
- angular2:
$exclude: ['web/css/**']
entry_points: web/main.dart
platform_directives:
- package:angular2/common.dart#CORE_DIRECTIVES
- package:angular2/common.dart#FORM_DIRECTIVES
- dart_to_js_script_rewriter

404 error for bootstrap.min.css and bootstrap.min.js

The paths for files are relative to your html file. For your test.html located in the Bootstrap directory you can access them by pointing at css/bootstrap.min.js and js/bootstrap.min.js. For your test.html located in the Bootstrap/myWebsite directory you can access them by pointing at ../css/bootstrap.min.js and ../js/bootstrap.min.js. The "../" will traverse up one directory into the parent of the current directory.



Related Topics



Leave a reply



Submit