Responsive Website

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
Richard KortsBusiness Owner / Chief DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Marco GasiFreelancerCommented:
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

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Richard KortsBusiness Owner / Chief DeveloperAuthor Commented:
Marco,

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

Hoping for the magic pill, probably not there.
Marco GasiFreelancerCommented:
Never found it :-). Is the site layout very complex?
OWASP Proactive Controls

Learn the most important control and control categories that every architect and developer should include in their projects.

Richard KortsBusiness Owner / Chief DeveloperAuthor 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 GasiFreelancerCommented:
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 DeveloperAuthor Commented:
Thanks for your insights. I'm working on a page now, one maddening thing, most as expected.
Marco GasiFreelancerCommented:
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
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Bootstrap

From novice to tech pro — start learning today.