We continue improving PSD to Bootstrap conversion. If you have any ideas, proposals or comments regarding the way how Bootstrap template is generated – please, share them with us. That will help us to implement the most requested functionality quicker.<\/p>\n
Examples<\/h3>\n
You can find several examples of automatically generated Bootstrap templates below:<\/p>\n
- \n
- miami_home.psd<\/a>
\nmiami_home code.zip<\/a>
\nmiami_home online demo<\/a><\/li>\n- notify_psd_theme.psd<\/a>
\nnotify_psd_theme code.zip<\/a>
\nnotify_psd_theme online demo<\/a><\/li>\n<\/ol>\nResources<\/h3>\n
It is quite handy to use Photoshop Guide Layouts when developing PSD design for Bootstrap. If you did not use it before, you may download Bootstrap Guide Layouts for different screen sizes below. You can either download them all<\/a> or only specific ones:<\/p>\n
- \n
- Bootstrap 970<\/a><\/li>\n
- Bootstrap 1000<\/a><\/li>\n
- Bootstrap 1170<\/a><\/li>\n
- Bootstrap 1200<\/a><\/li>\n<\/ul>\n
In order to use them you should select menu item View -> ‘New Guide Layout…’. In Preset field choose ‘Load Preset…’:<\/p>\n
![](\"https:\/\/blog.psd2htmlconverter.com\/ru\/wp-content\/uploads\/2018\/04\/365.png\")
<\/p>\nOnce Guide Layout is enabled, Photoshop will help you with precise positioning of layers according to the Bootstrap grid.<\/p>\n","protected":false},"excerpt":{"rendered":"
We launched a beta version of responsive PSD to Bootstrap conversion. Bootstrap 3.3.7 is used for the automated conversion. We support desktop first approach, i.e. we take as input a template developed for the desktop. Then graceful degradation is performed for smaller screens.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-588","post","type-post","status-publish","format-standard","hentry","category-all"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/comments?post=588"}],"version-history":[{"count":4,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/588\/revisions"}],"predecessor-version":[{"id":595,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/588\/revisions\/595"}],"wp:attachment":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/media?parent=588"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/categories?post=588"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/tags?post=588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Bootstrap 1000<\/a><\/li>\n
- notify_psd_theme.psd<\/a>