Wie die Verwendung von bootstrap mit notepad++?

Ich bin mit Notepad++ für html und CSS. Vor kurzem habe ich gelernt, dass wir hinzufügen können Bootstrap zu html für die Erstellung von websites. Ich lernte einige Themen aus codecademy.
Meine Frage ist, wenn wir den link für css Datei in html brauchen wir auch eine link geben für bootstrap css - Datei. Was ist das format des Gebens <link href="________"> für die bootstrap-css-Datei?

  • nur geben Sie den Pfad der bootstrap css-und js-Dateien im <head> und fertig , u tun können diese in einem beliebigen editor , gibt es irgendeine Besonderheit mit nodepad++
InformationsquelleAutor nova | 2015-05-15
  1. 3

    Notepad++ ist nur ein texteditor, wenn Sie immer noch mit notepad++ für bootsrap-codes, die Sie verwenden können, dieses Projekt für die autosuggestion des bootstrap-codes, einschließlich glyphicons und font-awesome icons.
    https://github.com/Dotcodes/Boot-hint

    InformationsquelleAutor NaveenDA
  2. 0

    Bootstrap ist nur eine Kombination von HTML, CSS und JS. Sie können mit jedem editor, den Sie bevorzugen, wie z.B. Notepad++. Hier ist ein Beispiel für eine einfache bootstrap-Vorlage:

    <head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">

 <!-- Bootstrap -->
 <link href="css/bootstrap.min.css" rel="stylesheet">
 <!-- your layout style -->
 <link href="css/style.css" rel="stylesheet">

</head>
<body>
  <h1>Hello, world!</h1>
  <!-- Js in bottom so the DOM will laod Faster-->
  <script src="js/jquery.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
</body>
</html>

    Wenn Sie sind in der Produktion der Bühne müssen Sie bootstrap.css diese CSS haben vordefinierte Eigenschaften Ihrer Vorlage.

    InformationsquelleAutor Karthi Keyan
  3. 0

    Das format für den link zu bootstrap, ist das gleiche wie das format css, wenngleich mit einem kleinen Unterschied.
    Dies ist, wie ein bootstrap-link ist unten. Inhalt ist der Ordner, in dem sich Ihre bootstrap-Dateien, bootstrap.min.css ist die eigentliche bootstrap-Datei, gibt die Beziehung zwischen dem aktuellen Dokument und das verknüpfte Dokument und type="text/css" gibt die Art und das format des verknüpften Dokuments.

    InformationsquelleAutor ambrose
  4. 0

    Einfachste Weg, um zu starten:

    Schritt 1:

    Schritt 2:

    • Erstellen Sie einen Ordner in Ihrem lokalen Laufwerk, und speichern Sie die bootstrap-css-Dateien in den erstellten Ordner.
      [Ex:C:\Projekte\BootStrapFromNP]

    Schritt 3:

    • Jetzt klicken Sie rechts auf eine der browser-Seite und klicken Sie auf "speichern als". Es werden im html-format gespeichert.

    Schritt 4:

    • Öffnen mit notepad++ und löschen Sie alle text darin.

    Schritt 5:

    • Ersetzen durch nachstehenden text:

    HTML:

    <!DOCTYPE html>
<html>
<head>
  
 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<h3>Testing BootStrap Classes</h3>
  
<button type="button" class="btn btn-default">Default</button>

<button type="button" class="btn btn-primary">Primary</button>

<button type="button" class="btn btn-success">Success</button>

<button type="button" class="btn btn-info">Info</button>

<button type="button" class="btn btn-warning">Warning</button>

<button type="button" class="btn btn-danger">Danger</button>

</body>
</html>

    Schritt 6:

    • Alternativ können Sie ersetzen die bootstrap-cdn-link withyour lokale heruntergeladene css-Datei-Pfad als

    HTML:

    <link href="bootstrap/"YourBootstrapVersionNumber"/css/bootstrap.min.css">

    InformationsquelleAutor Ravi Kiran
  5. 0

    Über den link von Bootstrap-CDN (Content Delivery Network), um die Geschwindigkeit der Web-Seite, da viele Benutzer haben automatisch heruntergeladen (zwischengespeichert) Bootstrap von CDN beim Besuch anderer Bootstrap-Websites. Auch bei der Anforderung von Datei von einem CDN, gibt Es die Dateien vom Nächstgelegenen server an den Benutzer. Dann es erhöht auch die Geschwindigkeit der Webseiten-Inhalte. Hier sind die codes enthalten bootstrap-css & bootstrap-javascript innerhalb einer web-Seite.

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    InformationsquelleAutor Gadget Podda
Schreibe einen Kommentar