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.htmlWhen 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?
  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:
 
  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
  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
  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"
  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.
  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!
  The issue is fixed in the latest version of the extension, please download and install it.
We also released Bootstrap 3 Dreamweaver extension!
