Пытаюсь сделать страничку с норм разметкой, использую bootstrap, но я в блоке body создал блок на 12, в общем вот код, я не понимаю почему оно идет одно за одним в колонку, хочу сделать что бы была типо левая колнка, затем правая, а потом левая.
<body class="body">
<div class="col-md-12 mainbody">
<div class="col-md-3 leftside">
Hello, i am left side
Перепиши всё по такой структуре:
<div class="container">
<div class="row mainbody">
<div class="col-md-3 leftside">
Column 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit...
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...
<div class="col-md-6 content">
Column 2
Lorem ipsum dolor sit amet, consectetur adipisicing elit...
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...
<div class="col-md-3 rightside">
Column 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit...
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...
Так же для body можно не писать класс, в стилях ты можешь обратиться к телу просто написав body, без точки.