Dieses Forum nutzt Cookies
Dieses Forum verwendet Cookies, um deine Login-Informationen zu speichern, wenn du registriert bist, und deinen letzten Besuch, wenn du es nicht bist. Cookies sind kleine Textdokumente, die auf deinem Computer gespeichert sind; Die von diesem Forum gesetzten Cookies düfen nur auf dieser Website verwendet werden und stellen kein Sicherheitsrisiko dar. Cookies auf diesem Forum speichern auch die spezifischen Themen, die du gelesen hast und wann du zum letzten Mal gelesen hast. Bitte bestätige, ob du diese Cookies akzeptierst oder ablehnst.

Ein Cookie wird in deinem Browser unabhängig von der Wahl gespeichert, um zu verhindern, dass dir diese Frage erneut gestellt wird. Du kannst deine Cookie-Einstellungen jederzeit über den Link in der Fußzeile ändern.

Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Bootstrap CSS Ferhler
#1
Photo 
Guten Tag,

ich bin ein Anfänger in Bootstrap und erlerne mir es gerade. Anwendung in Chrome
Jetzt habe ich eine Nav Klasse im HTML Code eingefügt und anscheinend wird die css-Datei nicht geladen und es kommen folgende Fehler:

Access to CSS stylesheet at 'file:///C:/Users/sven4/Desktop/Webseite/bootstrap-4.3.1-dist/css/bootstrap.min.css' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.


index.html:9 GET file:///C:/Users/sven4/Desktop/Webseite/bootstrap-4.3.1-dist/css/bootstrap.min.css net::ERR_FAILED


index.html:1 Access to script at 'file:///C:/Users/sven4/Desktop/Webseite/bootstrap-4.3.1-dist/js/bootstrap.min.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.


index.html:60 GET file:///C:/Users/sven4/Desktop/Webseite/bootstrap-4.3.1-dist/js/bootstrap.min.js net::ERR_FAILED

Ich hoffe Ihr könnt mir helfen und über eine Rückmeldung würde ich mich freuen.


HTML5
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <!-- Required meta tags -->
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.  
  8.     <!-- Bootstrap CSS -->
  9.     <link rel="stylesheet" href="css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
  10.   </head>
  11.   <body>
  12.  
  13.      
  14.      
  15.      
  16. <nav class="navbar navbar-toggleable-md navbar-light bg-faded">
  17.           <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  18.             <span class="navbar-toggler-icon"></span>
  19.           </button>
  20.         <a class="navbar-brand" href="#">
  21.             <img src="https://v4-alpha.getbootstrap.com/assets/brand/bootstrap-solid.svg" width="30" height="30" class="d-inline-block align-top" alt="">
  22.             Portfolio
  23.         </a>
  24.      
  25.         <div class="collapse navbar-collapse" id="navbarSupportedContent">
  26.             <ul class="navbar-nav mr-auto">
  27.                 <li class="nav-item">
  28.                     <a class="nav-link active" href="index.html">Home</a>
  29.                 </li>
  30.                 <li class="nav-item">
  31.                     <a class="nav-link disabled" href="#">Lebenslauf</a>
  32.                 </li>
  33.                 <li class="nav-item">
  34.                     <a class="nav-link" href="#">Skills</a>
  35.                 </li>
  36.                 <li class="nav-item dropdown">
  37.                     <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  38.                         Dienstleistungen
  39.                     </a>
  40.                     <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
  41.                         <a class="dropdown-item" href="#">Unterpunkt 1</a>
  42.                         <a class="dropdown-item" href="#">Unterpunkt 2</a>
  43.                         <a class="dropdown-item" href="#">Unterpunkt 3</a>
  44.                     </div>
  45.                 </li>
  46.             </ul>
  47.             <form class="form-inline my-2 my-lg-0">
  48.                 <button class="btn btn-outline-success my-2 my-sm-0">Kontakt</button>
  49.             </form>
  50.         </div>
  51.     </nav>
  52.      
  53.      
  54.      
  55.      
  56.  
  57.     <!-- jQuery first, then Tether, then Bootstrap JS. -->
  58.     <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
  59.     <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
  60.     <script src="js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
  61.   </body>
  62. </html> 


Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
[-]
Willkommen im ersten deutschen Bootstrap-Forum
You have to register before you can post on our site.

Benutzername/E-Mail:


Passwort:





[-]
Letzte Beiträge
div Container bei col-sm nicht anzeigen.
Last Post: Franziska1993
Heute 18:18
» Replies: 2
» Views: 16
Modal mit autoload
Last Post: The-Error
12.09.2019 08:26
» Replies: 3
» Views: 159
Wie verwende ich Bootstrap richtig in An...
Last Post: noop
10.09.2019 20:52
» Replies: 0
» Views: 78

[-]
Private Messages
Please login or register to use this functionality.

[-]
Statistics
» Members: 291
» Latest member: Neocrypton
» Forum threads: 248
» Forum posts: 989

Full Statistics

[-]
Tutorials
Get Started
Text/Typography
Gridsystem
Dropdowns
Navigation Bar
Modal
Farben
Jumpotron
Popover
Formulare
Carousel (Slider)
Die Höhe von Elementen mit Klassen h-*
Flip Cards
Bild Overlay-Hover-Effekt
Google Fonts einbinden
Flexbox Bootstrap 4
Responsive Breakpoints

[-]
Wer ist online
There are currently no members online.

>