Announcement

Collapse
No announcement yet.

Melding Bootstrap into a Custom Responsive Design

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Melding Bootstrap into a Custom Responsive Design

    I'm having some interesting issues trying to meld a custom layout that's not quite responsive (the layout shifts around instead of "responding"). The CSS interfered with the Bootstrap CSS to the point that I had to remove the links to the CSS files in the Base ReadyTheme and have started adding them to a custom.css file. But the responsive divs don't seem to be "responding". The col-xs-12 doesn't work at the small screen size. It stays at the col-md-4. I've tried reversing the order of the classes in the tag, that didn't help. I've made sure that the bootstrap.js file is linked but to no avail. Do I need to put the Bootstrap files into a paired down file and name it bootstrap.css?

    Suggestions?
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

  • Its hard to really judge without the specifics--and a lot of investigative time--but I'd say the only path to success with sanity would be to go the other way. Meaning, start with Bootstrap and ADD the other design to it. Unless of course, the other design has its own base layer of responsive controls and at that point, you'd be hard pressed to figure out which one to lead with. Bootstrap is a very base layer of controls/framework. Even the Base Ready Theme has extensions of the bootstrap framework.
    Bruce Golub
    Phosphor Media - "Your Success is our Business"

    Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
    phosphormedia.com

    Comment


    • Originally posted by Bruce - PhosphorMedia View Post
      Its hard to really judge without the specifics--and a lot of investigative time--but I'd say the only path to success with sanity would be to go the other way. Meaning, start with Bootstrap and ADD the other design to it. Unless of course, the other design has its own base layer of responsive controls and at that point, you'd be hard pressed to figure out which one to lead with. Bootstrap is a very base layer of controls/framework. Even the Base Ready Theme has extensions of the bootstrap framework.
      Yes, Bruce, I do agree with you. The problem I will run in to (if I were to go the way both you and I think is the best way to go) is that if any outside changes are made to the CSS file I have been given to use, I would then have to go back to my version of that file and update it. This is not the direction the designer wants to go.

      I chose the Base ReadyTheme for it's Bootstrap base thinking it might have been the easiest of the ReadyThemes to meld an outside hand made responsive design. Is there an different ReadyTheme than might play nicer in this type of situation? As, it should be noted, there are a number of external txt files being used for the Global Header, Global Footer, nav bar and a number of other items.

      Leslie Kirk
      Miva Certified Developer
      Miva Merchant Specialist since 1997
      Previously of Webs Your Way
      (aka Leslie Nord leslienord)

      Email me: [email protected]
      www.lesliekirk.com

      Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

      Comment

      Working...
      X

      This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

      This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

      Accept