generate html in axure. adaptive views without js

Question

I created a simple page with Axure in 2 versions (basically 2 adaptive views: base and 768 and below). When I generate the html, it works fine and follows the adaptive views. But this seems to work only with javascript, is there a way to deal with/generate the adaptive views in css? This could help me later on integrating the Axure generated html and css into my responsive design based on bootstrap. Thank you.

Answer 1

Pretty sure you're asking about responsiveness according to screen size. Bootstrap is built around these principles and the responsiveness is done purely through CSS using @media queries. All CSS starts on the smallest possible screen and then you can adjust your CSS to change as the screen size gets larger by placing @ media queries at the bottom of your stylesheet. They are as follows:

@media (min-width:768px) {

This is where your CSS for anything above 768px goes

}

@media (min-width:992px) {

This is where your CSS for anything above 992px goes

}

@media (min-width:1200px) {

This is where your CSS for anything above 1200px goes

}

You can also use max-width in media queries