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
Build a Repetitive Selector Within a Less Loop
Efficient Way to Place Orphaned Element(S) at Top/Beginning Using CSS Flexbox
CSS Buttons Rounded on One Side
CSS: Is Transition: Left/Top Gpu Accelerated
What Is Position:Relative Useful For
What Tool How to Use to Test The: Contains() CSS3 Pseudo-Class in a Browser
Two Vertical Divs Within a 100% Height Div
Specifying a List of Arbitrary Children (No Pattern) for Nth-Child and Nth-Of-Type
Transform-Origin Not Working on Firefox
Background Images Not Showing in Ie11
Create Loading Messages That Will Change Based on Loading Time of Plot in a Shiny App
How to Use Antdesign with Tailwindcss Together in a React Project
CSS: Selecting Table's <Td> Without The <Td>S of Nested Tables
How to Add Linear-Gradient Color to Slider
How to Center Text Horizontally and Vertically in Cojunction with 'Writing-Mode: Sideways-Lr'