-3

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?

Gianluca Caliendo
  • 31
  • 10
  • Try bootstrap 3 http://getbootstrap.com/ – Naveed Ramzan Sep 27 '17 at 12:59
  • 1
    I would start with reading something about [responsive web design](https://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/), you can try something like [bootstrap](https://getbootstrap.com/docs/3.3/) or [Semantic UI](https://semantic-ui.com/) – Dejan.S Sep 27 '17 at 13:00

1 Answers1

-1

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

KittyCat
  • 415
  • 4
  • 9
  • 26
  • @GianlucaCaliendo In that case try to use `@import url("LAYOUT/index.css");` you missed the ". For more information read [this post](https://stackoverflow.com/questions/147500/is-it-possible-to-include-one-css-file-in-another) – KittyCat Sep 27 '17 at 13:11
  • @GianlucaCaliendo I think that you need something like this: `` please read [this](https://css-tricks.com/resolution-specific-stylesheets/) – KittyCat Sep 27 '17 at 13:36
  • please help me to delete this question by delete your answer – Gianluca Caliendo Jul 18 '18 at 11:35