Jump to content

A responsive php based b2b website


ugintl
 Share

Recommended Posts

I have a script developed in php. It is non-responsive. I want to convert it to a responsive website. Is there any free tool or software or step by step guide to do it? I know a little html and css, but not php. I was wondering if there is a place where I can import my existing template, apply bootstrap with one click and export. It is an open source script and can be downlaoded from phpb2b.com.

Link to comment
Share on other sites

Google has a guide here:

 

https://developers.google.com/web/fundamentals/getting-started/your-first-multi-screen-site/responsive?hl=en

 

There's another pretty good one here:

 

http://learn.shayhowe.com/advanced-html-css/responsive-web-design/

 

Other than that, there are plenty of other tutorials online if you search for it.

Link to comment
Share on other sites

You have use specific html structure of elements with specific classes for the responsiveness to work. It uses classes for specific device sizes and percentage width of element using grid system 1 to 12, with 12 being 100%

 

A element with class="col-lg-4 col-md-6 col-sm-12" will width 25% for desktop, width 50% for tablet, width 100% for smaller devices, so depending on layout you prefer you would use appropriate class.

 

The menu structure is done in such away to change from the none fixed desktop menu to a more appropriate mobile menu which can be fixed to top as you scroll down.

 

It is not the case where you download, link to bootstrap and everything instantly becomes responsive.

Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...