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?

Added April 27, 2016 5:42 pm

Do you have the right answer? If you do other users will benefit from your contribution, share your knowledge with the community!

Yes, but Advanced

Yes 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


Divs without absolute positions:


Fast way is to use class tag (but read how it works first):


You can also use Bootstrap directly: //

Responsive Screens

For 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

Responsive Tutorial

You do not need to know the max. The screen size you define is the *minimum* size to trigger the layout. Eg. If you only define a screen of 800, then that is the output for all screens 800px or higher.


Answer by admin
Answered On April 27, 2016 8:07 pm #
Looking for another answer? View other questions in CSS Screen or get premium support for guaranteed results.
Asked by jwmillersr★★
1 answer
Last Answered 8 years ago by admin


Recent Answers

asked by shanrt
asked by Ali Sodikin
asked by indian
[+] View All Recent Questions

Share Your Knowledge!

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