So erstellen Sie Ihre eigene Bootstrap-Vorlage-CSS-Tutorial-php.cn

So erstellen Sie Ihre eigene Bootstrap-Vorlage

不言

Freigeben： 2019-11-28 18:02:45

Original

1955 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich Beispiele für die Erstellung Ihrer eigenen Bootstrap-Vorlage vorgestellt.

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <!-- Bootstrap不支持IE的兼容模式，加入此标签以确保在每个被支持的IE浏览器中保持最好的页面展现效果 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 由于Bootstrap 3是移动设备优先，加入此标签是为了确保适当的绘制和触屏缩放 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bootstrap-Template-01</title>
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="<a href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css</a>">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn&#39;t work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="<a href="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script">http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script</a>>
        <script src="<a href="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script">http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script</a>>
    <![endif]-->
</head>
<body>
<h1>Hello, world!</h1>
    <!-- 所有 Bootstrap 插件都依赖 jQuery，因此jQuery必须在Bootstrap之前引入 -->
    <script src="<a href="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script">http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script</a>>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="<a href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script">http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script</a>>
</body>
</html>

Nach dem Login kopieren

Ich werde im Folgenden auf einige wichtige Punkte eingehen

【1】 Bootstrap verwendet Schauen Sie sich den HTML5-Dokumenttyp genauer an, um festzustellen, ob sich die erste Zeile von dem unterscheidet, was wir normalerweise schreiben.

【2】lang wird verwendet, wir sind in China, natürlich verwenden wir vereinfachtes Chinesisch, natürlich gibt es hier ein kleines Problem, ich habe gerade jemanden im Internet gesehen, der sagte, dass dieses zn-cn nicht mehr existiert Für die aktuelle Situation wenden Sie sich bitte speziell an Baidu.

【3】Ein einzelnes Tag ist nicht geschlossen. Schauen Sie sich einfach das Meta-Tag an.

[4] Kompatibilitätsverarbeitung hinzugefügt, wenn IE kleiner als 9 ist und HTML5 nicht sehr unterstützt. Wenn ich es tun würde, würde ich natürlich IE9 und niedriger blockieren und den Benutzern eine Seite geben. Aktualisieren Sie den Browser. Andernfalls sieht der Benutzer eine hässliche Seite. Warum sollte er sich die Mühe machen? ! !

【5】Warum verwendet JQuery Version 1.102 anstelle von Version 2.x? Es scheint, dass Version 1.9.x ie8 unterstützt, während Version 2.x ie9 und höher unterstützt. Daher verwende ich hier eine Version größer als 1.9.x. Natürlich müssen Sie ie8 nicht unterstützen, genau wie ich es in Schritt getan habe 4. Das Gleiche wie gesagt: Blockieren Sie Browser unter IE9.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Über das Rastersystemprinzip von Bootstrap3.0

Wenn Sie die kostenlose Bootstrap-Vorlage herunterladen möchten, wenden Sie sich bitte an uns Besuchen Sie die Spalte Bootstrap-Vorlage!

Das obige ist der detaillierte Inhalt vonSo erstellen Sie Ihre eigene Bootstrap-Vorlage. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!