ugintl Posted November 28, 2015 Share Posted November 28, 2015 I have a php based website script which I want to make responsive. What are the ways to make it responsive? I am not a developer so need an easy way. I know a little bit of html and css. Download the template from https://www.dropbox.com/s/pfolvxhn9co2qd3/bluesky.zip?dl=0 to have an idea about the coding and website structure. Link to comment Share on other sites More sharing options...
dsonesuk Posted November 29, 2015 Share Posted November 29, 2015 The idea is to use specific classes within in your site to apply percentage widths depending on device width, you can't have 2-3 column used for desktop, for smaller moble device, so you will have to lose a column if that column content is just advertising and not considered relevant to be shown, OR change it to 1 column only, so say a 3 column using 25%, 50%, 25% would become 100% for each column. The menu has to change also to a menu suitable for mobile, these are controled by media queries, which change outside fixed width suitable for specific device width. So basically you need to set these classes for a appropriate specific design layout depending on device width using fluid percentage widths, you are going from what used to be a single desktop layout, to 4 - 7 including layouts for portrait, landscape layouts for ipad, android tablets 1 Link to comment Share on other sites More sharing options...
ugintl Posted November 29, 2015 Author Share Posted November 29, 2015 can you apply it on a page to explain me? or give me an example? I guess i did not get it properly Link to comment Share on other sites More sharing options...
dsonesuk Posted November 29, 2015 Share Posted November 29, 2015 There's an example here http://www.w3schools.com/bootstrap/default.asp the 3 columns at 33.3% remain, until browser window width falls below tablet width (768px) then the 3 columns becomes 3 rows instead width : 100%; Link to comment Share on other sites More sharing options...
ugintl Posted November 30, 2015 Author Share Posted November 30, 2015 ok thanks Link to comment Share on other sites More sharing options...
AbigailMenard Posted December 24, 2015 Share Posted December 24, 2015 Hi uginti, You have asked a pretty good and valid question. I too want to use bootstrap in my ongoing project and it will be great if I could use bootstrap without making any bigger changes. Thank You. Link to comment Share on other sites More sharing options...
dsonesuk Posted December 24, 2015 Share Posted December 24, 2015 Yes! it would be nice if you just link to bootstrap and BAM! instant bootstrap responsive site, BUT! unfortunately its not able to gather information how you wish the site layout will look for different devices, SO YOU! have to use bootstrap css id and classes, for it to be able to adjust the layout for these different device widths. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now