how to valign text ?

1 reply · opened Dec 18, 2018

DDeluxe23Dec 18, 2018

I have some text and want to valign middle that to the picture. i try bootstrap's align-middle but it doesn't work. how can i do that ?

			`<div class="container clearfix">
				<div class="fancy-title title-border-color title-left" style="background-color:#f9f9f9" data-animate="fadeIn">
					<h3>My <span>Headline</span></h3>
				</div>
					<div class="col_one_third" data-animate="fadeInLeft"><img src="images/mypicture.jpg"></div>
					<div class="col_two_third col_last align-middle" data-animate="zoomIn">
					Here some Text
					</div>	
                                    <div class="divider"><i class="icon-circle"></i></div>	
			</div>`
SSemicolon WebSTAFFDec 19, 2018

Hello,

Consider following the Bootstrap Flex Utility for the Grid: http://getbootstrap.com/docs/4.1/utilities/flex/#align-content to align your content vertically. The .align-middle Class is only meant primarily for Table's cells.

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