Databases
StackOverflow2013
Postsdbo
POResponsive bootstrap-sass setup
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POResponsive bootstrap-sass setup
    text
    copied!<p>I'm trying to use <a href="https://github.com/thomas-mcdonald/bootstrap-sass" rel="nofollow noreferrer">bootstrap-sass (2.1.0.0)</a> for a responsively designed Ruby on Rails 3.2.8 site. This is my first attempt at responsive design with Rails or Bootstrap.</p> <p>The problem is that some, but not all, of my CSS styles are being matched to the appropriate selectors. Specifically, the custom styles that I apply to, say, <code>.navbar-fixed-top</code> in custom.css.scss appear both in my compiled custom.css stylesheet and on the page rendered in the browser. However, the responsive Bootstrap styles for <code>.navbar-fixed-top</code> <em>appear in the compiled custom.css (according to Chrome's Inspector) but do <strong>not</strong> appear on the page rendered in the browser</em>.</p> <p>If, inside custom.css.scss, I change <code>@import "bootstrap-responsive";</code> back to the default <code>@import "bootstrap";</code>, the Bootstrap styles for <code>.navbar-fixed-top</code> appear on the rendered page. The issue seems to be related to the responsiveness specifically.</p> <p>I've had trouble finding related info related to my specific issue. I changed the Bootstrap default <code>meta name="viewport"</code> tag to <code>&lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt;</code> after finding <a href="https://stackoverflow.com/questions/9386429/simple-bootstrap-page-is-not-responsive-on-the-iphone">this question</a>, but my issue isn't iPhone specific.</p> <p>I've also been restarting the <code>$ rails server</code> while troubleshooting this issue.</p> <p>I'm at a loss on how to troubleshoot this further. Any help would be much appreciated.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload