question

1 reply·opened Jun 2, 2016

farcasalexJun 2, 2016

hello i got this code

					&lt;div class="row clearfix"&gt;

						&lt;div class="col-md-6" style="background-color:#ffffff !important;"&gt;

							&lt;div class="heading-block nobottomborder" style="margin-bottom: 15px; text-align:center;"&gt;
								&lt;span class="before-heading"&gt;Scalable on Devices.&lt;/span&gt;
								&lt;h4&gt;Responsive & Retina&lt;/h4&gt;
							&lt;/div&gt;
							&lt;p&gt;Employment respond committed meaningful fight against oppression social challenges rural legal aid governance. Meaningful work, implementation, process cooperation, campaign inspire.&lt;/p&gt;
						&lt;/div&gt;

						&lt;div class="col-md-6 " style="background-color:#ffffff !important;"&gt;

							&lt;div class="heading-block nobottomborder" style="margin-bottom: 15px; text-align:center;"&gt;
								&lt;span class="before-heading"&gt;Scalable on Devices.&lt;/span&gt;
								&lt;h4&gt;Responsive & Retina&lt;/h4&gt;
							&lt;/div&gt;
							&lt;p&gt;Employment respond committed meaningful fight against oppression social challenges rural legal aid governance. Meaningful work, implementation, process cooperation, campaign inspire.&lt;/p&gt;
						&lt;/div&gt;

					&lt;/div&gt;

				&lt;/div&gt;
			&lt;/div&gt;

my row background is #f9f9f9 and i added 2 columns with a white background my question is how can i separate those two column ? ( so i want a space bewteen column 1 and 2 )

SemiColonWebSTAFFJun 3, 2016

Hello,

Consider using this HTML Code for your Layout:

<div class="section">
	<div class="container clearfix">

		<div class="row clearfix">

			<div class="col-md-6">
				<div class="col-padding" style="background-color:#ffffff;">
					<img src="images/collection.jpg" />
					<div class="heading-block nobottomborder" style="margin-bottom: 15px; text-align:center;">
						<span class="before-heading">Scalable on Devices.</span>
						<h4>Responsive &amp; Retina</h4>
					</div>
					<p>Employment respond committed meaningful fight against oppression social challenges rural legal aid governance. Meaningful work, implementation, process cooperation, campaign inspire.</p>
				</div>
			</div>

			<div class="col-md-6">
				<div class="col-padding" style="background-color:#ffffff;">
					<img src="images/collection.jpg" />
					<div class="heading-block nobottomborder" style="margin-bottom: 15px; text-align:center;">
						<span class="before-heading">Scalable on Devices.</span>
						<h4>Responsive &amp; Retina</h4>
					</div>
					<p>Employment respond committed meaningful fight against oppression social challenges rural legal aid governance. Meaningful work, implementation, process cooperation, campaign inspire.</p>
				</div>
			</div>

		</div>

	</div>
</div>

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard