Responsive Website

Richard Korts
Richard Korts used Ask the Experts™
on
I have an old hand coded html web site that the customer wants responsive.

I have worked with bootstrap quite a bit recently, always creating fron scratch.

I realize thee are potential pitfalls with things like images and even with the current basic layout.

Can someone point me to a tutorial or docs on the approach to doing this?

Thanks
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Freelancer
Top Expert 2010
Commented:
Images shouldn't really be a problem: Bootstrap give you the class 'img-responsive' you can add to any image to make it 'magically' responsive without any further coding.
But to make responsive a whole site, yes it could be difficult, depending on it complexity. I think you should just try to work on a page and post here specific question. Personally, I think I would start from scratch in Bootstrap trying to replicate the layout using Bootstrap grid until I find the right layout
Richard KortsBusiness Owner / Chief Developer

Author

Commented:
Marco,

Yeah, that's kind of what I thought too.

Hoping for the magic pill, probably not there.
Marco GasiFreelancer
Top Expert 2010

Commented:
Never found it :-). Is the site layout very complex?
Starting with Angular 5

Learn the essential features and functions of the popular JavaScript framework for building mobile, desktop and web applications.

Richard KortsBusiness Owner / Chief Developer

Author

Commented:
No, it's pretty basic.

www.autowaterinc.com.

I'm mostly concerned about the Portfolio, Pipe Install & the Before & After pages. But I think you are saying by using the img-responsive class, those will manage OK?

On those type pages I'm thinking of like:
<div class="row">
   <div class = "col-sm-4 col-xs-4 text-center">content</div>

etc.

Note sure about the lightbox effect when the smaller image is clicked.

Your thoughts?
Marco GasiFreelancer
Top Expert 2010

Commented:
You shouldn't find any big issue with that. Your idea looks good and img-responsive is perfect.

Note sure about the lightbox effect when the smaller image is clicked.
About responsiveness? I don't know about lightbox, but if it shouldn't be responsive you can just replace it with Fancybox
Richard KortsBusiness Owner / Chief Developer

Author

Commented:
Thanks for your insights. I'm working on a page now, one maddening thing, most as expected.
Marco GasiFreelancer
Top Expert 2010

Commented:
Maddening? Really? Seeing the site it didn't appear to be  problem... If you have some new specific question about this, post here a link to the question so I'll be notified about.
Thank you for points

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial