Bootstrap grid missing space between columns

[suerama+ 2]

I have 2 columns of type on homepage. As I narrow my browser window the columns merge on occasion, that is, there doesn't seem to be any space between the columns at all. How is that possible, and is there a fix? Here is the code I used:

/* The most important factor in the success of your project is who,? exactly, will be doing the work.? A misstep at any point in the? process can lead to short term? and long term problems. */

/* Ensure the success of your project by partnering with a seasoned consultant who possesses expertise in the critical project roles of technical leadership, project management, and coding. */

[/code]

[beardedavenger 158]

Hey there, Take out -fluid of the the class. Only use class="row". You can also check out our tools page on the demo for sample markup. http://demo.pagelines.com/framework/tools/ Nick

[suerama+ 2]

That's what I had first: "row", and it wasn't working. Perhaps because my client added some code because the type was being clipped off. I'm back to "row" and the gutter is there, and type is responsive. However, the type is being clipped off on the left side as I narrow the window again. Any suggestions to help with that would be appreciated.

[beardedavenger 158]

Yeah so there's a couple things. 1. The phone number injected into CSS will likely make your site face nuclear implosion with some janky browsers. But that's not what the issue is. 2. This is the issue http://screencast.com/t/LX9Cvrxkb Removing this lets things be responsive again. Shouldn't need all the negative margins. Not sure what was supposed to be going on there, but you can remove the padding from any section like so Every section, has a .content-pad class. So like, #footer .content-pad, and #unicorn .content-pad, etc. You can remove left and right padding with stuff like #footer .content-pad {padding-left:0;} Anynow hope this helps. Nick

[suerama+ 2]

Nick??” To get rid of the gap to the right and left of the branding, I had tried [code]#branding .contact-pad {padding-left:0;} {padding-right:0;} [/code] and [code]#header .contact-pad[/code] and [code]#branding.container no_clone section-branding fix.content-pad[/code]; nothing budged. If I use [code].content-pad { margin-bottom: -20px !important; margin-left: -37px !important; margin-right: -38px !important;[/code]} it gets rid of my gaps left and right, but globally reduces so much padding that my text in places gets clipped as I reduce the width for smaller devices. If I use the same sort of code as used above with: "branding", again, nothing happens. I've been working with this for 2 days and I'm stumped. I can't afford to have clipped text, so now I'm left with this gap to the right and left of the branding in the header, which I really want to eliminate. Meanwhile, my client has changed the 2 paragraphs to one, so the column gap is no longer an issue. Sue