[FIXED] How to make website multi-platform devices?

Issue

I'm working with Macrowave Dreamweaver 8. I need to make display my website for all devices. I have an index.css witch contains desktop style, and an index_mobile.css that is the style sheet of mobile devices.

I used display:none to all div in index_mobile.css that aren't used on mobile version. Than in my index.htm i set:

@import url (LAYOUT/index.css);
@import url(LAYOUT/index_mobile.css);

but it didm't change nothing. What i missed?

Solution

The easiest and best way to do this is by using bootstrap. Take a look at the container rows and columns. Bootstrap is really easy to use and it will safe you a lot of time, it also comes with components that you can easily style by overwriting the bootstrap CSS with your own CSS.

Either use bootstrap 3 or the latest bootstrap 4 beta.

Get started with Bootstrap 4 beta

Answered By - KittyCat

Answer Checked By - Marie Seifert (PHPFixing Admin)