hatte ich ein Problem mit etwas entfernt ähnlich vor kurzem, würde meine benutzerdefinierte CSS nicht funktionieren: Custom CSS Won't Work With Bootstrapmerkwürdige Ausgabe mit Bootstrap/CSS
ich dieses Problem behoben extern durch Referenzierung Bootstrap (das CDN), und ich war in der Lage, mein eigenes CSS fehlerlos zu verwenden.
Gerade heute habe ich versucht, die Textgröße eines Elements zu ändern, und es funktionierte nur, wenn ich das <style> Element wie vorher verwendete. Wenn ich den Link entfernen, um Bootstrap Bootstrap-Elemente weiter (die Platten im Beispiel unten) arbeiten
/* Menu Box */
.textcenter {
\t text-align: center;
}
.panelcolors {
\t background-color: #6fa1f2;
\t border-color: #6fa1f2;
}
#panelhcolors {
\t background-color: #6394e2;
\t border-color: #6394e2;
\t color: #f7f7f7;
}
.paneltext {
\t color: #f7f7f7;
}
/* Menu Box */
/* BG CYCLER */
#background_cycler {
\t padding:0;
\t margin:0;
\t width:100%;
\t position:absolute;
\t top:0;
\t left:0;
\t z-index:-1
}
#background_cycler img {
\t position:absolute;
\t left:0;
\t top:0;
\t width:100%;
\t z-index:1
\t background-size: cover;
\t background-position: center;
}
#background_cycler img.active {
\t z-index:3
}
/* BG CYCLER */<!DOCTYPE html>
<html>
<head>
<title>Help Menu</title>
<!--
==============================================================================================================
REFERENCES (BOOTSTRAP 3.3.7) (jQuery 3.1.1)
==============================================================================================================
-->
<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> -->
<link rel="stylesheet" href="/custom/style.css">
<script src="/custom/programming.js"></script>
<!--
==============================================================================================================
BOOTSTRAP REFERENCES DISTRO 3.3.7
==============================================================================================================
-->
</head>
<body>
<!-- BACKGROUND -->
<div id="background_cycler" >
<script>
$('#background_cycler').hide();//hide the background while the images load, ready to fade in later
</script>
<img class="active" src="/images/background/bg_1.jpg" alt=""/>
<img src="/images/background/bg_2.jpg" alt="" />
<img src="/images/background/bg_3.jpg" alt="" />
<img src="/images/background/bg_4.jpg" alt=""/> \t \t
<img src="/images/background/bg_5.jpg" alt="" />
</div>
<!-- HOME BUTTON -->
<br>
<br>
<div>
\t <br>
\t <center>
\t \t \t <button type="button" class="btn btn-info btn-circle btn-lg"><i class="glyphicon glyphicon-home"></i></button> <br>
\t </center>
</div> <br>
<br>
<br>
<br>
<br>
<div style="max-width: 50%;" class="container">
\t <div class="panel panel-default panelcolors">
\t \t <div id="panelhcolors" class="panel-heading"><h1 class="textcenter">What Do You Need Help With?<br> WORK IN PROGRESS</h1></div>
<br>
\t \t \t <p>
\t \t \t \t <div class="textcenter paneltext">
\t \t \t \t \t <div>
\t \t \t \t \t \t <a href="/main/fp.html">Frequent Problems</a>
\t \t \t \t \t </div>
<br>
\t \t \t \t \t <div>
\t \t \t \t \t \t Printers
\t \t \t \t \t </div>
<br>
\t \t \t \t \t <div>
\t \t \t \t \t \t Drivers
\t \t \t \t \t </div>
<br>
\t \t \t \t </div>
\t \t \t </p>
\t </div>
</div>
</body>
</html>Um zu testen, weiter ich meine benutzerdefinierte CSS aus dem Link kommentiert, und die Platten und alles verschwand (nichts in meinem benutzerdefinierten CSS hat etwas mit der Existenz von Panels neben ihrer Farbe zu tun).
Ich habe den Link zu benutzerdefinierten CSS zurück zum HTML hinzugefügt und alles sah wieder normal aus. Ich habe dann meine benutzerdefinierte CSS-Datei vollständig vom Server gelöscht und nichts auf der Website geändert. Wenn nichts auskommentiert ist, wirken sich keine Änderungen an meiner benutzerdefinierten CSS-Datei auf irgendetwas aus (auch wenn sie das getan haben, bevor ich gestern meine Arbeit verlassen habe).
Irgendeine Idee, was könnte falsch sein?
Verwenden Sie "sauber" auf Ihrem Code im Snippet-Editor;) – mayersdesign