![](https://i.pinimg.com/originals/2f/de/90/2fde90297df431bce73c3901678f65f4.jpg)
ID 1862 Kitchen Action, Mobile, Left, Form, Search, Type, Photo, Home Decor
Align Content. Control the vertical alignment of gathered flex items with the .align-content-* classes. Valid classes are .align-content-start (default), .align-content-end, .align-content-center, .align-content-between, .align-content-around and .align-content-stretch.. Note: These classes have no effect on single rows of flex items. Click on the buttons below to see the difference between.
![](https://i.pinimg.com/originals/5a/f4/96/5af49679767def3d52dfe22d4606e888.jpg)
ID 1866
The .pull-left class is used to float the element to the left. The .pull-right class is used to float the element to the right. Example:
![](https://i.pinimg.com/736x/54/a2/93/54a29354f8c0f84a63157b998c67d06a.jpg)
ID KB4
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
![](https://i.pinimg.com/originals/74/be/c1/74bec1de2da0956620a172667a6dab0e.jpg)
ID 1887 Kitchen Design, Kitchen Action, Mobile, Left, Form, Search, Type, Photo
Solution #1: Add a new div element:
![](https://i.pinimg.com/originals/10/b5/34/10b534b625273e78950371577cdd2808.jpg)
ID 1957 Breakfast Bar, Interior, Table, Action, Left, Form, Furniture, Search, Home Decor
CSS Syntax left: auto| length |initial|inherit; Property Values More Examples Example Use the left property with a negative value and for an element with no positioned ancestors: div.b { position: absolute; left: -10px; width: 100px; height: 120px; border: 3px solid blue; } div.c { position: absolute; left: 150px;
![](https://i.pinimg.com/736x/6b/d9/ea/6bd9ead30b56f048471bb166095df1ce.jpg)
ID KB4
To nest your content with the default grid, add a new .row and set of .col-sm-* columns within an existing .col-sm-* column. Nested rows should include a set of columns that add up to 12 or fewer (it is not required that you use all 12 available columns). Level 1: .col-sm-3. Level 2: .col-8 .col-sm-6.
![](https://i.pinimg.com/originals/64/5a/97/645a97d4ff3df2b8cb4c33bf08b6f296.jpg)
ID 1912
![](https://i.pinimg.com/originals/38/e7/5b/38e75bcc50437be4549c2fe25ef86ed3.jpg)