{"id":4748,"date":"2022-03-27T20:37:32","date_gmt":"2022-03-27T12:37:32","guid":{"rendered":"https:\/\/egonlin.com\/?p=4748"},"modified":"2022-03-27T20:37:32","modified_gmt":"2022-03-27T12:37:32","slug":"%e7%ac%ac%e4%b8%80%e8%8a%82%ef%bc%9abootstrap%e5%9f%ba%e7%a1%80","status":"publish","type":"post","link":"https:\/\/egonlin.com\/?p=4748","title":{"rendered":"\u7b2c\u4e00\u8282\uff1aBootstrap\u57fa\u7840"},"content":{"rendered":"<h1>BootStrap\u57fa\u7840<\/h1>\n<h2>1 \u4ec0\u4e48\u662fBootStrap<\/h2>\n<ul>\n<li>\u7531Twitter\u7684\u8bbe\u8ba1\u5e08Mark Otto\u548cJacob Thornton\u5408\u4f5c\u5f00\u53d1\uff0c\u662f\u4e00\u4e2aCSS\/HTML\u6846\u67b6<br \/>\n\u7b80\u6d01\u3001\u76f4\u89c2\u3001\u5f3a\u608d\u7684\u524d\u7aef\u5f00\u53d1\u6846\u67b6\uff0c\u8ba9web\u5f00\u53d1\u66f4\u8fc5\u901f\u3001\u7b80\u5355\u3002         <\/li>\n<\/ul>\n<h2>2 BootStrap\u7684\u7248\u672c<\/h2>\n<ul>\n<li>BootStrap2<\/li>\n<li>BootStrap3<\/li>\n<li>BootStrap4<\/li>\n<\/ul>\n<h2>3 BootStrap \u4e0b\u8f7d<\/h2>\n<ul>\n<li>\n<p><a href=\"href=&quot;https:\/\/github.com\/twbs\/bootstrap\/releases\/download\/v3.3.7\/bootstrap-3.3.7-dist.zip&quot;\">\u7528\u4e8e\u751f\u4ea7\u73af\u5883\u7684Bootstrap<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/github.com\/twbs\/bootstrap\/archive\/v3.3.7.zip\">Bootstrap Less \u6e90\u7801<\/a><br \/>\n<a href=\"https:\/\/github.com\/twbs\/bootstrap-sass\/archive\/v3.3.7.tar.gz\">Bootstrap Sass \u6e90\u7801<\/a>     <\/p>\n<p>\u200b     <\/p>\n<\/li>\n<\/ul>\n<h2>4 CDN\u670d\u52a1<\/h2>\n<pre><code class=\"language-html\">&lt;!-- \u65b0 Bootstrap \u6838\u5fc3 CSS \u6587\u4ef6 --&gt;\n&lt;link rel=&quot;stylesheet&quot; href=&quot;http:\/\/cdn.bootcss.com\/bootstrap\/3.3.5\/css\/bootstrap.min.css&quot;&gt;\n\n&lt;!-- \u53ef\u9009\u7684Bootstrap\u4e3b\u9898\u6587\u4ef6\uff08\u4e00\u822c\u4e0d\u7528\u5f15\u5165\uff09 --&gt;\n&lt;link rel=&quot;stylesheet&quot; href=&quot;http:\/\/cdn.bootcss.com\/bootstrap\/3.3.5\/css\/bootstrap-theme.min.css&quot;&gt;\n\n&lt;!-- jQuery\u6587\u4ef6\u3002\u52a1\u5fc5\u5728bootstrap.min.js \u4e4b\u524d\u5f15\u5165 --&gt;\n&lt;script src=&quot;http:\/\/cdn.bootcss.com\/jquery\/1.11.3\/jquery.min.js&quot;&gt;&lt;\/script&gt;\n\n&lt;!-- \u6700\u65b0\u7684 Bootstrap \u6838\u5fc3 JavaScript \u6587\u4ef6 --&gt;\n&lt;script src=&quot;http:\/\/cdn.bootcss.com\/bootstrap\/3.3.5\/js\/bootstrap.min.js&quot;&gt;&lt;\/script&gt;<\/code><\/pre>\n<h2>5 \u76ee\u5f55\u7ed3\u6784<\/h2>\n<p><strong>\u751f\u4ea7\u73af\u5883\u7248<\/strong><\/p>\n<pre><code>bootstrap\/\n\u251c\u2500\u2500 css\/\n\u2502   \u251c\u2500\u2500 bootstrap.css\n\u2502   \u251c\u2500\u2500 bootstrap.css.map\n\u2502   \u251c\u2500\u2500 bootstrap.min.css\n\u2502   \u251c\u2500\u2500 bootstrap-theme.css\n\u2502   \u251c\u2500\u2500 bootstrap-theme.css.map\n\u2502   \u2514\u2500\u2500 bootstrap-theme.min.css\n\u251c\u2500\u2500 js\/\n\u2502   \u251c\u2500\u2500 bootstrap.js\n\u2502   \u2514\u2500\u2500 bootstrap.min.js\n\u2514\u2500\u2500 fonts\/\n    \u251c\u2500\u2500 glyphicons-halflings-regular.eot\n    \u251c\u2500\u2500 glyphicons-halflings-regular.svg\n    \u251c\u2500\u2500 glyphicons-halflings-regular.ttf\n    \u251c\u2500\u2500 glyphicons-halflings-regular.woff\n    \u2514\u2500\u2500 glyphicons-halflings-regular.woff2<\/code><\/pre>\n<h2>6 \u57fa\u672c\u6a21\u677f<\/h2>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;zh-CN&quot;&gt;\n  &lt;head&gt;\n\n    &lt;!-- \u4e0a\u8ff03\u4e2ameta\u6807\u7b7e*\u5fc5\u987b*\u653e\u5728\u6700\u524d\u9762\uff0c\u4efb\u4f55\u5176\u4ed6\u5185\u5bb9\u90fd*\u5fc5\u987b*\u8ddf\u968f\u5176\u540e\uff01 --&gt;\n    &lt;title&gt;Bootstrap 101 Template&lt;\/title&gt;\n\n    &lt;!-- Bootstrap --&gt;\n    &lt;link href=&quot;css\/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;\n\n    &lt;!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --&gt;\n    &lt;!-- WARNING: Respond.js doesn&#039;t work if you view the page via file:\/\/ --&gt;\n    &lt;!--[if lt IE 9]&gt;\n      &lt;script src=&quot;\/\/cdn.bootcss.com\/html5shiv\/3.7.2\/html5shiv.min.js&quot;&gt;&lt;\/script&gt;\n      &lt;script src=&quot;\/\/cdn.bootcss.com\/respond.js\/1.4.2\/respond.min.js&quot;&gt;&lt;\/script&gt;\n    &lt;![endif]--&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;h1&gt;\u4f60\u597d\uff0c\u4e16\u754c\uff01&lt;\/h1&gt;\n\n    &lt;!-- jQuery (necessary for Bootstrap&#039;s JavaScript plugins) --&gt;\n    &lt;script src=&quot;\/\/cdn.bootcss.com\/jquery\/1.11.3\/jquery.min.js&quot;&gt;&lt;\/script&gt;\n    &lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;\n    &lt;script src=&quot;js\/bootstrap.min.js&quot;&gt;&lt;\/script&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<h2>7 \u6d4f\u89c8\u5668\u652f\u6301<\/h2>\n<p><strong>\u624b\u673a\u6d4f\u89c8\u5668<\/strong><\/p>\n<table>\n<thead>\n<tr>\n<th>&#8212;&#8212;-<\/th>\n<th>Chrome<\/th>\n<th>Firefox<\/th>\n<th>Safari<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Android<\/td>\n<td>Supported<\/td>\n<td>Supported<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr>\n<td>iOS<\/td>\n<td>Supported<\/td>\n<td>Supported<\/td>\n<td>Supported<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>\u684c\u9762\u6d4f\u89c8\u5668<\/strong><\/p>\n<table>\n<thead>\n<tr>\n<th>&#8212;&#8212;&#8212;<\/th>\n<th>Chrome<\/th>\n<th>Firefox<\/th>\n<th>Internet Explorer<\/th>\n<th>Opera<\/th>\n<th>Safari<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Mac<\/td>\n<td>Supported<\/td>\n<td>Supported<\/td>\n<td>N\/A<\/td>\n<td>Supported<\/td>\n<td>Supported<\/td>\n<\/tr>\n<tr>\n<td>Windows<\/td>\n<td>Supported<\/td>\n<td>Supported<\/td>\n<td>Supported<\/td>\n<td>Supported<\/td>\n<td>Not supported<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>8 \u6d4f\u89c8\u5668\u517c\u5bb9<\/h2>\n<h4>\u8ba9 IE8 \u652f\u6301H5\u65b0\u6807\u7b7e<\/h4>\n<p>\u9875\u9762\u4e2d\u5f15\u5165<code>respond.js<\/code><\/p>\n<pre><code class=\"language-html\">&lt;!-- \u6ce8\u610f\uff1a \u9875\u9762\u5fc5\u987b\u901a\u8fc7\u670d\u52a1\u5668\u8bbf\u95ee --&gt;\n&lt;script src=&quot;https:\/\/cdn.bootcss.com\/respond.js\/1.4.2\/respond.min.js&quot;&gt;&lt;\/script&gt;<\/code><\/pre>\n<h4>IE\u517c\u5bb9\u6a21\u5f0f<\/h4>\n<p>\u9875\u9762\u4e2d\u6dfb\u52a0\u5982\u4e0b\u4ee3\u7801<\/p>\n<pre><code class=\"language-html\">\n&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;<\/code><\/pre>\n<h4>\u56fd\u4ea7\u6d4f\u89c8\u5668\u5207\u6362webkit\u5185\u6838<\/h4>\n<p>\u9875\u9762\u4e2d\u6dfb\u52a0\u5982\u4e0b\u4ee3\u7801<\/p>\n<pre><code class=\"language-html\">&lt;meta name=&quot;renderer&quot; content=&quot;webkit&quot;&gt;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>BootStrap\u57fa\u7840 1 \u4ec0\u4e48\u662fBootStrap \u7531Twitter\u7684\u8bbe\u8ba1\u5e08Mark Otto\u548cJacob  [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[361,363],"tags":[],"_links":{"self":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/posts\/4748"}],"collection":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4748"}],"version-history":[{"count":0,"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/posts\/4748\/revisions"}],"wp:attachment":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}