DMXzone Bootstrap Support Product Page

This topic was archived by Teodor Kuduschiev on 2/10/2024 8:12:53 AM
In progress

Bootstrap made site not responsive

Reported 21 Sep 2013 00:49:06
1
has this problem
21 Sep 2013 00:49:06 Bruce Symons posted:
I have made a framework using bootstrap and in DW CC it looks great. Have tested it in live view and with responsinator and all looks good, however in resizer and edge inspect and more importantly when live it is not responsive at mobile sizes. In other words it shows a shrunken version of the full sized site - here is the live link www.rauzzy.com/coastalmonogramming_II/home.html

When viewed in browser and resized it has its fluid capabilities and resizes nicely but live it does not. Could you have a look and see where it is wrong.

It is as if the page is not linking to the bootstrap.css file or similar

Replies

Replied 21 Sep 2013 04:18:46
21 Sep 2013 04:18:46 Bruce Symons replied:
Incidentally - I am seeing the same result on my iphone and as in all the tests in my post in your Showcase site, - Skydiving Showcase when visited live - www.dmxzone.com/demo/DMXBootstrap/bootstrap-skydiving/index.html

It works in safari responsively on my desktop but in the iphone just a shrunk site. What am I missing?
Replied 21 Sep 2013 07:43:07
21 Sep 2013 07:43:07 Teodor Kuduschiev replied:
Hello Bruce,

Your page is missing the following meta tag:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Replied 21 Sep 2013 08:00:26
21 Sep 2013 08:00:26 Bruce Symons replied:
Thanks Teodor,

Is this something that bootstrap should put in the file?

Check out your Skydiving page as above I was getting the same thing on my phone for that page
Replied 21 Sep 2013 08:14:57
21 Sep 2013 08:14:57 Bruce Symons replied:
Teodor,

On the same site I cant get the desktop view to be 920 max width. I have tried adding media query and you cant change the bootstrap - could you guide me on that please
Replied 26 Sep 2013 08:34:57
26 Sep 2013 08:34:57 Bruce Symons replied:
Hi Teodore,

Any chance of an answer to my question - thanks

"On the same site I cant get the desktop view to be 920 max width. I have tried adding media query and you cant change the bootstrap - could you guide me on that please"
Replied 26 Sep 2013 08:41:37
26 Sep 2013 08:41:37 Teodor Kuduschiev replied:
Hello Bruce,

The Bootstrap Framework Responsive Features do the following:
Using Fixed Container it adapts to be 724px, 940px or 1170px wide depending on your viewport size.
If you need to change this you can do it in the bootstrap-responsive.css file, where the media queries are declared. Note that this requires additional CSS knowledge.
Replied 22 Jan 2014 16:57:48
22 Jan 2014 16:57:48 Teodor Kuduschiev replied:
Hello,
The issue is fixed in the latest version of the extension, please download and install it.
We also released Bootstrap 3 Dreamweaver extension!
This reply was removed on 2/10/2024 8:12:47 AM.
See the changelog

Reply to this topic