{"id":425,"date":"2023-06-11T15:20:15","date_gmt":"2023-06-11T07:20:15","guid":{"rendered":"http:\/\/por.tw\/Website_Design\/?p=425"},"modified":"2020-11-01T06:41:44","modified_gmt":"2020-10-31T22:41:44","slug":"%e3%80%90%e9%9f%bf%e6%87%89%e5%bc%8f%e7%b6%b2%e9%a0%81-%e7%b6%b2%e7%ab%99%e8%a8%ad%e8%a8%88%e5%b8%ab%e3%80%91bootstrap-studio-v4-5-6-%e6%9c%89%e6%88%90%e5%8d%83%e4%b8%8a%e8%90%ac%e7%9a%84%e9%96%8b","status":"publish","type":"post","link":"https:\/\/por.tw\/Website_Design\/%e3%80%90%e9%9f%bf%e6%87%89%e5%bc%8f%e7%b6%b2%e9%a0%81-%e7%b6%b2%e7%ab%99%e8%a8%ad%e8%a8%88%e5%b8%ab%e3%80%91bootstrap-studio-v4-5-6-%e6%9c%89%e6%88%90%e5%8d%83%e4%b8%8a%e8%90%ac%e7%9a%84%e9%96%8b\/","title":{"rendered":"\u3010\u97ff\u61c9\u5f0f\u7db2\u9801.\u7db2\u7ad9\u8a2d\u8a08\u5e2b\u3011Bootstrap Studio v4.5.6 \u6709\u6210\u5343\u4e0a\u842c\u7684\u958b\u767c\u4eba\u54e1\u548c\u8a2d\u8a08\u5e2b\u4f7f\u7528"},"content":{"rendered":"<p><strong><span style=\"font-size: 16px;\">Bootstrap Studio\u662f\u4e00\u500b\u684c\u9762\u61c9\u7528\u7a0b\u5f0f\uff0c\u53ef\u8aaa\u660e\u60a8\u5efa\u7acb\u6f02\u4eae\u7684\u7db2\u7ad9\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u5b83\u5e36\u6709\u5927\u91cf\u5167\u5efa\u5143\u4ef6\uff0c\u60a8\u53ef\u4ee5\u5c07\u5176\u62d6\u653e\u4ee5\u7d44\u88dd\u97ff\u61c9\u5f0f\u7db2\u9801\u3002\u5b83\u57fa\u65bc\u5ee3\u53d7\u6b61\u8fce\u7684Bootstrap\u6846\u67b6\u69cb\u5efa\uff0c\u4e26\u532f\u51fa\u4e7e\u6de8\u7684\u8a9e\u7fa9HTML\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u6bcf\u5929\u90fd\u6709\u6210\u5343\u4e0a\u842c\u7684\u958b\u767c\u4eba\u54e1\u548c\u8a2d\u8a08\u5e2b\u4f7f\u7528\u3002\u6211\u5011\u76f8\u4fe1\u60a8\u4e5f\u6703\u559c\u6b61\u5b83\uff01<\/span><\/strong><br \/>\n<iframe loading=\"lazy\" width=\"650\" height=\"395\" src=\"https:\/\/www.youtube.com\/embed\/KSJ7Kfonn7I\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"allowfullscreen\"><\/iframe><br \/>\n<strong><span style=\"font-size: 16px;\">\u4ecb\u9762<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Bootstrap Studio\u5177\u6709\u7f8e\u89c0\u800c\u5f37\u5927\u7684\u4ecb\u9762\uff0c\u8a72\u4ecb\u9762\u570d\u7e5e\u62d6\u653e\u7684\u7c21\u55ae\u6027\u800c\u69cb\u5efa\u3002\u9019\u4f7f\u5176\u6210\u70ba\u7528\u65bc\u539f\u578b\u8a2d\u8a08\u548c\u8a2d\u8a08\u7db2\u9801\u548c\u61c9\u7528\u7a0b\u5f0f\u7684\u7406\u60f3\u5de5\u5177\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u6f02\u4eae\u7684\u5167\u5efa\u5143\u4ef6<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Bootstrap Studio\u5e36\u6709\u5927\u91cf\u7528\u65bc\u69cb\u5efa\u97ff\u61c9\u9801\u9762\u7684\u6f02\u4eae\u5143\u4ef6\u3002\u6211\u5011\u6709\u9801\u7709\uff0c\u9801\u8173\uff0c\u756b\u5eca\uff0c\u5e7b\u71c8\u7247\uff0c\u751a\u81f3\u9084\u6709\u8af8\u5982span\u548cdiv\u4e4b\u985e\u7684\u57fa\u672c\u5143\u7d20\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u667a\u6167\u62d6\u653e<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Bootstrap Studio\u77e5\u9053\u54ea\u4e9bBootstrap\u5143\u4ef6\u53ef\u4ee5\u76f8\u4e92\u5d4c\u5957\uff0c\u4e26\u63d0\u4f9b\u5efa\u8b70\u3002\u5b83\u6703\u81ea\u52d5\u70ba\u60a8\u751f\u6210\u6f02\u4eae\u7684HTML\uff0c\u770b\u8d77\u4f86\u5c31\u50cf\u662f\u7531\u5c08\u5bb6\u624b\u52d5\u7de8\u5beb\u7684\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u5efa\u7acb\u81ea\u5df1\u7684\u5143\u4ef6<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u60a8\u53ef\u4ee5\u5c07\u8a2d\u8a08\u7684\u5404\u500b\u90e8\u5206\u63d0\u53d6\u70ba\u300c\u81ea\u8a02\u5143\u4ef6\u300d\uff0c\u4e26\u6e96\u5099\u5c07\u5176\u653e\u5165\u60a8\u5efa\u7acb\u7684\u4efb\u4f55\u8a2d\u8a08\u4e2d\u3002\u60a8\u4e5f\u53ef\u4ee5\u5c07\u9019\u4e9b\u5143\u4ef6\u532f\u51fa\u70ba\u6a94\u6848\u4e26\u5171\u4eab\u3002<\/span><\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visdacom.com\/Website_Design\/wp-content\/uploads\/2019\/11\/bootstrapstudio_preview.jpg\" alt=\"\" class=\"alignnone size-full wp-image-426\" width=\"600\" height=\"400\" srcset=\"https:\/\/por.tw\/Website_Design\/wp-content\/uploads\/2019\/11\/bootstrapstudio_preview.jpg 600w, https:\/\/por.tw\/Website_Design\/wp-content\/uploads\/2019\/11\/bootstrapstudio_preview-262x175.jpg 262w, https:\/\/por.tw\/Website_Design\/wp-content\/uploads\/2019\/11\/bootstrapstudio_preview-270x180.jpg 270w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><br \/>\n<strong><span style=\"font-size: 16px;\">\u7db2\u4e0a\u5716\u66f8\u9928<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u5982\u679c\u60a8\u9700\u8981\u5eab\u4e2d\u4e0d\u5b58\u5728\u7684\u5143\u4ef6\uff0c\u53ea\u9700\u9ede\u9078\u300c\u5143\u4ef6\u9762\u677f\u300d\u4e2d\u7684\u300c\u806f\u6a5f\u300d\u7d22\u5f15\u7247\u3002\u5728\u9019\u88e1\uff0c\u60a8\u6703\u767c\u73fe\u7531\u793e\u5340\u69cb\u5efa\u548c\u5171\u4eab\u7684\u6578\u5343\u500b\u5143\u4ef6\u3002\u60a8\u4e5f\u53ef\u4ee5\u4e0a\u50b3\u81ea\u5df1\u7684\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u9023\u7d50\u5143\u4ef6<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u9019\u662f\u4e00\u9805\u5f37\u5927\u7684\u529f\u80fd\uff0c\u53ef\u8b93\u60a8\u540c\u6b65\u5143\u4ef6\uff0c\u56e0\u6b64\u8b8a\u66f4\u4e00\u500b\u5143\u4ef6\u5c07\u81ea\u52d5\u8b8a\u66f4\u53e6\u4e00\u500b\u5143\u4ef6\u3002\u9019\u5c0d\u65bc\u9700\u8981\u8de8\u9801\u66f4\u65b0\u7684\u9801\u7709\u548c\u9801\u8173\u4e4b\u985e\u7684\u6771\u897f\u5c24\u5176\u6709\u7528\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u5be6\u6642\u9810\u89bd<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Bootstrap Studio\u5177\u6709\u4e00\u9805\u7a31\u70ba\u300c\u9810\u89bd\u300d\u7684\u5f37\u5927\u529f\u80fd\u3002\u6709\u4e86\u5b83\uff0c\u60a8\u53ef\u4ee5\u5728\u591a\u500bWeb\u700f\u89bd\u5668\u548c\u88dd\u7f6e\u4e2d\u958b\u555f\u8a2d\u8a08\uff0c\u4e26\u4e14\u60a8\u5728\u61c9\u7528\u7a0b\u5f0f\u4e2d\u6240\u505a\u7684\u6bcf\u9805\u8b8a\u66f4\u90fd\u6703\u5373\u6642\u986f\u793a\u5728\u4efb\u4f55\u5730\u65b9\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u7de8\u8f2f\u4ee3\u78bc<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u5c0d\u65bc\u67d0\u4e9b\u4e8b\u60c5\uff0c\u62d6\u653e\u662f\u4e0d\u5920\u7684\u3002\u9019\u5c31\u662f\u70ba\u4ec0\u9ebcBootstrap Studio\u53ef\u4ee5\u5728\u9700\u8981\u6642\u5b8c\u5168\u63a7\u5236\u60a8\u7684\u65d7\u6a19\u3002\u60a8\u53ef\u4ee5\u5728\u6211\u5011\u7684Sublime Text-like\u7de8\u8f2f\u5668\u4e2d\u532f\u5165\u548c\u7de8\u8f2fCSS\uff0cJavaScript\u548cHTML\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u9032\u968eCSS\u7de8\u8f2f\u5668<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u6211\u5011\u5148\u9032\u7684CSS\u7de8\u8f2f\u4ecb\u9762\u652f\u63f4\u81ea\u52d5\u5efa\u8b70\u548c\u898f\u5247\u9a57\u8b49\uff0c\u4e26\u5728\u4efb\u4f55\u7d66\u5b9a\u6642\u9593\u986f\u793a\u6d3b\u52d5\u548c\u7e7c\u627f\u7684\u898f\u5247\u3002\u60a8\u5f88\u5feb\u5c07\u4e0d\u5f97\u4e0d\u8fd4\u56de\u5230\u6587\u5b57\u7de8\u8f2f\u5668\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">JavaScript\u7de8\u8f2f<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u5728\u6211\u5011\u7684Sublime Text-like\u7de8\u8f2f\u5668\u4e2d\u7de8\u5bebJavaScript\u3002\u60a8\u6240\u505a\u7684\u6240\u6709\u8b8a\u66f4\u90fd\u5c07\u8207\u9810\u89bd\u540c\u6b65\uff0c\u56e0\u6b64\u60a8\u7121\u9700\u91cd\u65b0\u52a0\u8f09\u700f\u89bd\u5668\u5373\u53ef\u7de8\u5beb\u4ee3\u78bc\u4e26\u9032\u884c\u5617\u8a66\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">HTML\u7de8\u8f2f<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u4f7f\u7528\u6211\u5011\u5f37\u5927\u7684\u81ea\u8a02\u4ee3\u78bc\u5143\u4ef6\uff0c\u60a8\u53ef\u4ee5\u76f4\u63a5\u7de8\u5bebHTML\uff0c\u800c\u7121\u9700\u901a\u904e\u6211\u5011\u7684\u62d6\u653e\u4ecb\u9762\u3002\u60a8\u9084\u53ef\u4ee5\u5728\u9700\u8981\u6642\u5c07\u9801\u9762\u7684\u4efb\u4f55\u90e8\u5206\u8f49\u63db\u70ba\u81ea\u8a02\u4ee3\u78bc\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u532f\u5165\u73fe\u6709\u7db2\u7ad9<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u5982\u679c\u60a8\u64c1\u6709\u4ee5\u524d\u958b\u767c\u7684\u7db2\u7ad9\uff0c\u5247\u53ef\u4ee5\u532f\u5165\u5b83\u3002\u53ea\u9700\u5c07HTML\uff0cCSS\uff0cJS\u6a94\u6848\u548c\u5716\u50cf\u62d6\u653e\u5230Bootstrap Studio\u4e2d\uff0c\u5b83\u5011\u5c31\u6703\u88ab\u65b0\u589e\u5230\u60a8\u7684\u9805\u76ee\u4e2d\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u66f4\u591a\u529f\u80fd<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u95dc\u65bc\u6211\u5011\u51fa\u8272\u7684\u61c9\u7528\uff0c\u9084\u6709\u5f88\u591a\u8981\u8aaa\u7684\u3002\u5f9e\u751f\u7522\u529b\u529f\u80fd\u5230\u79c1\u4eba\u7684Bootstrap\u5de5\u5177\uff0cBootstrap Studio\u4f7f\u8a2d\u8a08\u7db2\u7ad9\u548c\u69cb\u5efa\u53ef\u6a19\u6e96\u904b\u884c\u7684\u539f\u578b\u6210\u70ba\u771f\u6b63\u7684\u6a02\u8da3\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u5c08\u70baBootstrap\u8a2d\u8a08<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Bootstrap Studio\u77e5\u9053\u5982\u4f55\u69cb\u9020\u6709\u6548\u7684Bootstrap\u9801\u9762\uff0c\u4e26\u81ea\u52d5\u7de8\u5beb\u6b63\u78ba\u7684HTML\u3002\u5b83\u652f\u63f4Bootstrap 3\uff0c\u4e00\u65e6\u767c\u4f48\uff0c\u5b83\u5c07\u66f4\u65b0\u70baBootstrap 4\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u7db2\u683c\u5de5\u5177<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u8a72\u61c9\u7528\u7a0b\u5f0f\u5177\u6709\u7528\u65bc\u8655\u7406Bootstrap\u7db2\u683c\u7684\u79c1\u4eba\u5de5\u5177\u3002\u8f15\u9b06\u5efa\u7acb\uff0c\u8abf\u6574\u5927\u5c0f\u548c\u504f\u79fb\u5217\uff0c\u4e26\u61c9\u7528\u97ff\u61c9\u5f0f\u53ef\u898b\u6027\u985e\u3002<\/span><\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visdacom.com\/Website_Design\/wp-content\/uploads\/2019\/11\/bootstrapstudio_4-650x397.jpg\" alt=\"\" class=\"alignnone size-medium wp-image-427\" width=\"650\" height=\"397\" srcset=\"https:\/\/por.tw\/Website_Design\/wp-content\/uploads\/2019\/11\/bootstrapstudio_4-650x397.jpg 650w, https:\/\/por.tw\/Website_Design\/wp-content\/uploads\/2019\/11\/bootstrapstudio_4-1024x625.jpg 1024w, https:\/\/por.tw\/Website_Design\/wp-content\/uploads\/2019\/11\/bootstrapstudio_4-768x469.jpg 768w, https:\/\/por.tw\/Website_Design\/wp-content\/uploads\/2019\/11\/bootstrapstudio_4-262x160.jpg 262w, https:\/\/por.tw\/Website_Design\/wp-content\/uploads\/2019\/11\/bootstrapstudio_4-295x180.jpg 295w, https:\/\/por.tw\/Website_Design\/wp-content\/uploads\/2019\/11\/bootstrapstudio_4.jpg 1453w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><br \/>\n<strong><span style=\"font-size: 16px;\">Google Webfonts<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Bootstrap Studio\u8207Google Webfonts\u6574\u5408\u5728\u4e00\u8d77\uff0c\u70ba\u60a8\u63d0\u4f9b\u4e86\u4e00\u7a2e\u532f\u5165\u548c\u7ba1\u7406\u5b57\u578b\u7684\u7c21\u4fbf\u65b9\u6cd5\u3002\u5b57\u578b\u5bb6\u65cf\u540d\u7a31\u751a\u81f3\u5728\u6211\u5011\u7684CSS\u7de8\u8f2f\u5668\u4e2d\u81ea\u52d5\u5efa\u8b70\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u751f\u7522\u529b\u7279\u9ede<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Bootstrap Studio\u5c0d\u9375\u76e4\u5feb\u6377\u9375\u63d0\u4f9b\u4e86\u5168\u9762\u7684\u652f\u63f4\uff0c\u4f7f\u60a8\u53ef\u4ee5\u6975\u5927\u5730\u52a0\u5feb\u5de5\u4f5c\u6d41\u7a0b\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u4e3b\u984c\u548c\u5716\u793a<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u8a72\u61c9\u7528\u7a0b\u5f0f\u5177\u6709\u8a31\u591a\u5167\u5efa\u7684Bootstrap\u4e3b\u984c\uff0c\u5716\u793a\u5b57\u578b\uff0c\u6a21\u677f\u548c\u5143\u4ef6\uff0c\u60a8\u53ef\u4ee5\u5c07\u5b83\u5011\u7d44\u5408\u6210\u7cbe\u7f8e\u800c\u7368\u7279\u7684\u8a2d\u8a08\u3002<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">\u59cb\u7d42\u4fdd\u6301\u6700\u65b0<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Bootstrap Studio\u6703\u81ea\u52d5\u66f4\u65b0\uff0c\u56e0\u6b64\u60a8\u59cb\u7d42\u64c1\u6709\u6700\u65b0\u7248\u672c\u3002\u6211\u5011\u6bcf\u500b\u6708\u90fd\u6703\u767c\u4f48\u66f4\u65b0\uff0c\u5176\u4e2d\u5305\u62ec\u65b0\u529f\u80fd\uff0c\u5143\u4ef6\u548c\u6539\u9032\u3002<\/span><\/strong><br \/>\n<span style=\"font-size: 20px; color: #ff0000;\"><strong>\u3010\u97ff\u61c9\u5f0f\u7db2\u9801.\u7db2\u7ad9\u8a2d\u8a08\u5e2b\u3011Bootstrap Studio v4.5.6 \u8a2d\u8a08\uff1a<\/strong><\/span><br \/>\n<a href=\"https:\/\/bootstrapstudio.io\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-size: 24px;\"><strong>\u00a0\u00a0\u00a0 https:\/\/bootstrapstudio.io\/<\/strong><\/span><\/a><br \/>\n<strong><span style=\"font-size: 16px;\">Bootstrap Studio is a desktop application that helps you create beautiful websites. It comes with a large number of built-in components, which you can drag and drop to assemble responsive web pages. It is built on top of the hugely popular Bootstrap framework, and exports clean and semantic HTML. Thousands of developers and designers use it every day. We are sure you&#8217;ll love it too!<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">The Interface<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Bootstrap Studio has a beautiful and powerful interface, which is built around the simplicity of drag and drop. This makes it the perfect tool for prototyping and designing web pages and apps.<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Beautiful Built-in Components<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Bootstrap Studio comes with a large number of pretty components for building responsive pages. We&#8217;ve got headers, footers, galleries, slideshows and even basic elements like spans and divs.<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Smart Drag &amp; Drop<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Bootstrap Studio knows which Bootstrap components can be nested in one another and gives you suggestions. It automatically generates beautiful HTML for you, which looks as if it was written by hand by an expert.<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Create Your Own Components<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">You can extract pieces of your designs as Custom Components, and have them ready to be dropped into any design you create. You can also export these components as files and share them.<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Online Library<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">If you need a component which doesn&#8217;t exist in our library, just click the Online tab in the Component Panel. There you will find thousands of components built and shared by the community. You can also upload your own.<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Linked Components<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">This is a powerful feature which allows you to synchronize components, so changing one will automatically change the other. This is especially useful for things like headers and footers which you need to update across pages.<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Realtime Preview<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Bootstrap Studio has a powerful feature called Preview. With it, you can open your design in multiple web browsers and devices, and every change you make within the app will be shown instantaneously everywhere.<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Editing Code<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">For some things drag and drop isn&#8217;t enough. This is why Bootstrap Studio gives you full control over your markup when you need it. You can import and edit CSS, JavaScript and HTML in our Sublime Text-like editor.<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Advanced CSS Editor<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Our advanced CSS editing interface supports auto suggest and rule validation, and shows the active and inherited rules at an any given time. You will soon dread having to go back to your text editor.<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">JavaScript Editing<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Write JavaScript in our Sublime Text-like editor. All your changes are synced with the preview, so you can write code and try it out without having to reload your browser.<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">HTML Editing<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">With our powerful Custom Code component, you can write HTML directly, without going through our drag and drop interface. You can also convert any piece of your page into Custom Code when you need it.<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Import Existing Websites<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">If you have a website that you&#8217;ve developed previously, you can import it. Just drag and drop the HTML, CSS, JS files and images into Bootstrap Studio and they will be added to your project.<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Even More Features<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">There is a lot more to say about our wonderful app. From productivity features to specialized Bootstrap tools, Bootstrap Studio makes designing websites and building fully working prototypes a real joy.<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Built for Bootstrap<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Bootstrap Studio knows how to construct a valid Bootstrap page and automatically writes the correct HTML. It supports Bootstrap 3 and will be updated to Bootstrap 4 once it&#8217;s out.<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Grid Tools<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">The app has specialized tools for working with the Bootstrap grid. Easily create, resize and offset columns, and apply responsive visibility classes.<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Google Webfonts<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Bootstrap Studio is integrated with Google Webfonts and gives you an easy way to import and manage your fonts. Font family names are even auto-suggested in our css editor.<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Productivity Features<\/span><\/strong><br \/>\n<strong><span style=\"font-size: 16px;\">Bootstrap Studio has comprehensive support for keyboard shortcuts which allow you to speed up your workflow dramatically.<\/span><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bootstrap Studio\u662f\u4e00\u500b\u684c\u9762\u61c9\u7528\u7a0b\u5f0f\uff0c\u53ef\u8aaa\u660e\u60a8\u5efa\u7acb\u6f02\u4eae\u7684\u7db2\u7ad9\u3002 \u5b83\u5e36\u6709\u5927\u91cf\u5167\u5efa\u5143\u4ef6\uff0c\u60a8\u53ef\u4ee5\u5c07\u5176\u62d6 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":426,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[33],"class_list":["post-425","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-6","tag-33"],"_links":{"self":[{"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/posts\/425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/comments?post=425"}],"version-history":[{"count":0,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/posts\/425\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/media\/426"}],"wp:attachment":[{"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/media?parent=425"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/categories?post=425"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/tags?post=425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}