Canvas Support

space between col

6 replies·opened Feb 24, 2018
W
web404Feb 24, 2018
  1. i want create 3 col and make space between them , how can i do this?
				<!-- Content
		============================================= -->
		<section id="content">
			<div class="content-wrap">
				<div class="container clearfix">
				
				<div class="row">
					<div class="col-lg-7" style="background-color: #000;">111

</div>
					<div class="col-lg-3" style="background-color: #000;">222</div>
					<div class="col-lg-2" style="background-color: #000;">333</div>
				</div>

				</div>
			</div>
		</section><!-- #content end -->
  1. how can add border for col ?
W
web404Feb 27, 2018

support?

S
SemiColonWebSTAFFFeb 27, 2018

Hello,

  1. Consider using the following code:
<div class="row">
	<div class="col-lg-7">
		<div style="background-color: #000;">
			111<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		</div>
	</div>
	<div class="col-lg-3">
		<div style="background-color: #000; height: 100%;">222</div>
	</div>
	<div class="col-lg-2">
		<div style="background-color: #000; height: 100%;">333</div>
	</div>
</div>
  1. You can simply add the border to the DIV, same like the background-color.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

W
web404Feb 28, 2018

and how make space between col?

S
SemiColonWebSTAFFFeb 28, 2018

Hello,

Bootstrap Columns uses Padding. Simply use padding-right and padding-left CSS Properties on the Columns.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

W
web404Mar 2, 2018

you mean this ?

<div class="row">
=================>>>>>>>>>  <div class="col-lg-7" style="padding-right: 10px"> 
        <div style="background-color: #000;">
            111

        </div>
    </div>
    <div class="col-lg-3">
        <div style="background-color: #000; height: 100%;">222</div>
    </div>
    <div class="col-lg-2">
        <div style="background-color: #000; height: 100%;">333</div>
    </div>
</div>
S
SemiColonWebSTAFFMar 4, 2018

Hello,

Yes! Example: 

style="padding-right: 10px: padding-left: 10px;"

Hope this Helps!

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