{"id":1870,"date":"2014-09-23T22:47:15","date_gmt":"2014-09-23T14:47:15","guid":{"rendered":"http:\/\/blog.hoyo.idv.tw\/?p=1870"},"modified":"2017-05-08T20:09:06","modified_gmt":"2017-05-08T12:09:06","slug":"bootstrap-%e5%8a%a0%e5%bc%b7","status":"publish","type":"post","link":"https:\/\/blog.hoyo.idv.tw\/?p=1870","title":{"rendered":"Bootstrap 3"},"content":{"rendered":"<h2>Modal<\/h2>\n<p>\u53ea\u80fd\u4f7f\u7528\u95dc\u9589\u529f\u80fd\u95dc\u9589\u8996\u7a97\uff0c\u8a2d\u5b9a\u00a0 data-keyboard=\"false\", data-backdrop=\"static\"<\/p>\n<pre class=\"nums:false lang:default decode:true\">&lt;img data-toggle=\"modal\" data-target=\"#ModalBoss\" data-keyboard=\"false\" data-backdrop=\"static\" src=\"\/img\/Boss.png\"&gt;<\/pre>\n<p class=\"lang:default decode:true \">--<\/p>\n<h2 class=\"lang:default decode:true \">Tooltips, Popovers<\/h2>\n<h2><\/h2>\n<ul>\n<li><a href=\"http:\/\/stackoverflow.com\/questions\/22218121\/popover-for-long-text-without-spaces\">Popover for long text without spaces<\/a><\/li>\n<li><a href=\"http:\/\/stackoverflow.com\/questions\/14113476\/how-do-you-add-line-break-to-jquery-popover\">How do you add line break to JQuery popover<\/a><\/li>\n<li><a href=\"http:\/\/stackoverflow.com\/questions\/29075902\/jquery-bootstrap-hover-not-working-after-ajax-call\">Jquery\/Bootstrap hover not working after ajax call<\/a><\/li>\n<\/ul>\n<p>\u91dd\u5c0d\u8d85\u9577\u4e14\u7121\u7a7a\u683c\u82f1\u6578\u5b57\u4e32\uff0c\u5fc5\u9808\u53e6\u5916\u8a2d\u5b9a CSS \u8655\u7406<\/p>\n<pre class=\"lang:css decode:true\">&lt;style&gt;\r\n    .popover {\r\n        max-width: none;\r\n    }\r\n    .popover-content {\r\n        word-wrap: break-word;\r\n    }\r\n&lt;\/style&gt;<\/pre>\n<p>jQuery Ajax \u5b8c\u6210\u5f8c\u57f7\u884c\uff0c\u7db2\u9801\u5167\u5bb9\u70ba ajax \u8f09\u5165\uff0cJavascript \u5728 HTML \u4e00\u958b\u59cb\u8f09\u5165\u7121\u6cd5\u7372\u53d6\u5c0d\u8c61\uff0c\u90e8\u4efd\u64cd\u4f5c\u53ef\u4ee5\u4f7f\u7528\u00a0$(document).on() \uff0c\u4e0d\u904e\u4e26\u4e0d\u662f\u842c\u80fd<\/p>\n<pre class=\"lang:js decode:true\">&lt;script&gt;\r\n    $(document).ajaxStop(function () {\r\n        $('[data-toggle=\"popover\"]').popover({\r\n            html:true\r\n        });\r\n    });\r\n&lt;\/script&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>--<\/p>\n<ul>\n<li>http:\/\/jquery-plugins.net\/jquery-blockui-plugin<\/li>\n<li>http:\/\/www.malsup.com\/jquery\/block\/#demos<\/li>\n<li>http:\/\/www.bootstrapzero.com\/bootstrap-template\/blocks<\/li>\n<li>http:\/\/designmodo.github.io\/startup-demo\/?u=787<\/li>\n<li>http:\/\/respontent.frebsite.nl\/<\/li>\n<\/ul>\n<p>--<\/p>\n<h2>\u81ea\u8a02\u7d44\u4ef6 - \u79fb\u9664\u00a0glyphicons<\/h2>\n<ul>\n<li><a href=\"http:\/\/stackoverflow.com\/questions\/22029116\/bootstrap-3-without-glyphicons-replaced-with-font-awesome\">Bootstrap 3 without Glyphicons replaced with Font Awesome<\/a><\/li>\n<\/ul>\n<p>\u5230\u00a0<a href=\"http:\/\/getbootstrap.com\/customize\/\" target=\"_blank\">Customize and download \u00b7 Bootstrap<\/a>\u00a0\u81ea\u8a02\u9700\u6c42\u5f8c\uff0c\u5230\u6700\u4e0b\u65b9\u9ede\u64ca\u00a0<strong>Compile and Download<\/strong> \u5373\u53ef<\/p>\n<p>--<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"1870\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;1,924&nbsp;total views<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Modal \u53ea\u80fd\u4f7f\u7528\u95dc\u9589\u529f\u80fd\u95dc...<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"1870\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;1,924&nbsp;total views<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[262],"tags":[165,244,241,243,242],"_links":{"self":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/1870"}],"collection":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1870"}],"version-history":[{"count":7,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/1870\/revisions"}],"predecessor-version":[{"id":2897,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/1870\/revisions\/2897"}],"wp:attachment":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1870"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1870"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}