{"id":1356,"date":"2012-06-17T20:16:45","date_gmt":"2012-06-17T12:16:45","guid":{"rendered":"http:\/\/leegorous.net\/blog\/?p=1356"},"modified":"2012-06-21T14:06:48","modified_gmt":"2012-06-21T06:06:48","slug":"grid-system-calculator","status":"publish","type":"post","link":"http:\/\/leegorous.net\/blog\/2012\/06\/17\/grid-system-calculator\/","title":{"rendered":"\u6805\u683c\u7cfb\u7edf\u8ba1\u7b97\u5668"},"content":{"rendered":"<p><a href=\"http:\/\/zh.wikipedia.org\/wiki\/%E6%A0%85%E6%A0%BC%E8%AE%BE%E8%AE%A1\">\u6805\u683c\u7cfb\u7edf\uff08Grid System\uff09<\/a>\u7684\u8f85\u52a9\u5de5\u5177\u4e0d\u5c11\uff0c\u800c\u90a3\u4e9b\u5de5\u5177\u591a\u6570\u8ba9\u4eba\u586b\u680f\u5bbd\uff0c\u95f4\u8ddd\uff0c\u680f\u6570\u8fd9\u4e9b\u3002\u4f46\u662f\u6211\u5728\u5b9e\u9645\u5e94\u7528\u6805\u683c\u7cfb\u7edf\u7684\u65f6\u5019\uff0c\u662f\u77e5\u9053\u9875\u5bbd\u5e76\u4f30\u8ba1 12 \u680f\u4f1a\u6bd4\u8f83\u9002\u5408\uff0c\u867d\u7136\u6709\u516c\u5f0f\u53bb\u8ba1\u7b97\uff0c\u90fd\u4f1a\u89c9\u5f97\u9ebb\u70e6\u3002<\/p>\n<p>\u4e3a\u4ec0\u4e48\u5c31\u6ca1\u6709\u8fd9\u4e48\u4e00\u4e2a\u5de5\u5177\uff1a\u8f93\u5165\u9875\u5bbd\u548c\u5206\u680f\u6570\uff0c\u81ea\u52a8\u8ba1\u7b97\u51fa\u6240\u6709\u53ef\u80fd\u7684\u60c5\u51b5\u5462\uff1f\u56e0\u4e3a\u4e0d\u4f1a\u6709\u534a\u4e2a\u50cf\u7d20\u7684\u60c5\u51b5\uff0c\u7cbe\u51c6\u5230\u50cf\u7d20\u7684\u8bdd\uff0c\u8fd8\u662f\u53ef\u80fd\u6709\u51e0\u79cd\u60c5\u51b5\u7684\uff0c\u8fd8\u5939\u6742\u4e00\u4e9b\u4e0d\u5b9e\u9645\u7684\u60c5\u51b5\u3002\u90a3\u4e48\u6839\u636e\u5177\u4f53\u6548\u679c\u53bb\u9009\u62e9\uff0c\u4f1a\u6bd4\u57cb\u5934\u8ba1\u7b97\u7136\u540e\u770b\u6548\u679c\u8981\u65b9\u4fbf\u5f97\u591a\u3002<\/p>\n<p>\u4e8e\u662f\u505a\u4e86\u8fd9\u4e2a <a href=\"http:\/\/leegorous.net\/tools\/grids.html\">webapp\uff1aGrid System Calculator<\/a><br \/>\n<a href=\"http:\/\/leegorous.net\/blog\/2012\/06\/17\/grid-system-calculator\/\"><img loading=\"lazy\" src=\"http:\/\/leegorous.net\/blog\/wp-content\/uploads\/2012\/06\/grid-system-calculator-500x336.png\" alt=\"grid-system-calculator\" title=\"grid-system-calculator\" width=\"500\" height=\"336\" class=\"aligncenter size-medium wp-image-1357\" srcset=\"http:\/\/leegorous.net\/blog\/wp-content\/uploads\/2012\/06\/grid-system-calculator-500x336.png 500w, http:\/\/leegorous.net\/blog\/wp-content\/uploads\/2012\/06\/grid-system-calculator.png 1011w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>\u53c2\u8003\u4e86 <a href=\"http:\/\/twitter.github.com\/bootstrap\/\">Bootstrap<\/a> \u548c <a href=\"http:\/\/960.gs\/\">960 Grid System<\/a> \u4e24\u79cd CSS \u5b9e\u73b0\u65b9\u6848\uff0c\u611f\u89c9\u66f4\u52a0\u503e\u5411\u4e8e Bootstrap \u7684\u65b9\u6848\uff0c\u4e8e\u662f\u53c2\u7167\u5176\u505a\u6cd5\uff0c\u7528\u4e8e\u751f\u6210\u663e\u793a\u6548\u679c\u3002<\/p>\n<p>\u4e3a\u4e86\u65b9\u4fbf Bootstrap \u7684\u7528\u6237\uff0c\u4ee5\u5176\u53c2\u6570\u914d\u7f6e\u65b9\u5f0f\u8f93\u51fa\u5177\u4f53\u53c2\u6570\u3002\u4e5f\u63d0\u4f9b\u4e86\u57fa\u4e8e 960 Grid System \u7684 CSS \u4e0b\u8f7d\u670d\u52a1\u94fe\u63a5\uff08\u5f15\u7528 <a href=\"http:\/\/grids.heroku.com\/\">grids.heroku.com<\/a> \u7684\u670d\u52a1\uff09\u3002<\/p>\n<p>\u8fd9\u4e2a <a href=\"http:\/\/leegorous.net\/tools\/grids.html\">\u6805\u683c\u7cfb\u7edf\u8ba1\u7b97\u5668<\/a> \u91c7\u7528 MIT \u534f\u8bae\u5f00\u6e90\u4f7f\u7528\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6805\u683c\u7cfb\u7edf\uff08Grid System\uff09\u7684\u8f85\u52a9\u5de5\u5177\u4e0d\u5c11\uff0c\u800c\u90a3\u4e9b\u5de5\u5177\u591a\u6570\u8ba9\u4eba\u586b\u680f\u5bbd\uff0c\u95f4\u8ddd\uff0c\u680f\u6570\u8fd9\u4e9b\u3002\u4f46\u662f\u6211\u5728\u5b9e\u9645\u5e94\u7528\u6805 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/leegorous.net\/blog\/2012\/06\/17\/grid-system-calculator\/\" class=\"more-link\">\u7ee7\u7eed\u9605\u8bfb<span class=\"screen-reader-text\">\u201c\u6805\u683c\u7cfb\u7edf\u8ba1\u7b97\u5668\u201d<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[22,3],"tags":[7,106,88,100],"_links":{"self":[{"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/posts\/1356"}],"collection":[{"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/comments?post=1356"}],"version-history":[{"count":4,"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/posts\/1356\/revisions"}],"predecessor-version":[{"id":1365,"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/posts\/1356\/revisions\/1365"}],"wp:attachment":[{"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/media?parent=1356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/categories?post=1356"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/tags?post=1356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}