Use Bootstrap with %(percent) not px(pixel)?« Back to Questions List
Can the export kit use Bootstrap approach where all the css styles are defined in %(percentage) rather than in px(pixel). The problem here is that we do not know what would be the maximum size of the screen where it would be projected, like it can be a desktop or a huge display device, since its unknown how can we design in such a way that it would fit in to all the resolutions? . So could you please suggest how do we go about? |
Do you have the right answer? If you do other users will benefit from your contribution, share your knowledge with the community!
Yes, but AdvancedYes this is possible, but this is advanced usage because Photoshop is an area-based system (x, y, width, height) and does not support “percent-based” measurements in layers or in the code DOM: Using Auto-height//exportkit.com/answers/how-to-use-auto-height-with-text-layers-and-divs Divs without absolute positions://exportkit.com/answers/how-to-use-only-div-without-id-and-without-absolute-position Fast way is to use class tag ${class|div:style="width:100%;"} You can also use Bootstrap directly: //exportkit.com/plugin/environments/css/psd-to-bootstrap-3x-css-child-themes. Responsive ScreensFor responsive you will have to design each screen, to be safe create a few more screens if you want: ${css|screen:default} tv 2160 res ${css|screen:1920} desktop res ${css|screen:1400} laptop res ${css|screen:1080} monitor res ${css|screen:720} tablet res ...more Responsive TutorialYou do not need to know the max. The screen size you define is the * //exportkit.com/learn/how-to/advanced-guide/responsive-target-screens-sizes |

Share Your Knowledge!
Contribute to the community and help other users to benefit from your answer with experience and knowledge.