How to make a form in bootstrap?

Hello, I can not realize such a layout, maybe someone knows how?5c9b34f325169229815097.png
March 19th 20 at 08:47
2 answers
March 19th 20 at 08:49
Hello! Here you are (when connected to bootstrap)

<div class="container">
 <div class="row">
 <div class="col-12 col-md-3">
 <div class="avatarBlock">
<form>
 <input type="checkbox" name="absolute" value=""/>
</form>
</div>
</div>
 <div class="col-12 col-md-8">
<span>f.and.about</span>
 <input type="text" name="" value=""/>
<span>Object</span>
 <input type="text" name="" value="" placeholder="Russian language and literature"/>
 <input type="checkbox" name="" value=""/>
 <span class="teacher">Classroom teacher</span>
</div>
</div>
</div>


css:

.avatarBlock {
 width: 150px;
 height: 200px;
 background: #ccc;
 border-radius: 5px;
 position: relative;
}

input[name="absolute"] {
 position: absolute;
 bottom: 5px;
}

input[type="checkbox"] {
 display: block;
}

span {
 display: block;
 font-size: 20px;
 font-weight: 700;
 text-transform: uppercase;
}

input[type="text"] {
 width: 350px;
 border-radius: 3px;
 border: solid 1px #bbb;
 outline: none;
 padding: 10px;
}

.teacher {
 text-transform: none;
 font-weight: 100;
}
March 19th 20 at 08:51
Make format two columns. It is not entirely clear what the problem is
The problem is called "I wasn't even trying" - dell.Kub commented on March 19th 20 at 08:54
@dell.Kub, welcome, all I want to ask you (once on eyes came across)
fool stuck this is a deliberate mistake huh? I'm about spelling writing - Nora.Goyette commented on March 19th 20 at 08:57
@Nora.Goyette, =) is not just a fool and stuck, mind you. Still razrabotchik)) unfortunately not figured out how to distort developer to continue fool stuck.

Although invented - remade in the devil oper - dell.Kub commented on March 19th 20 at 09:00
@dell.Kub, hahaha) All no more questions - Nora.Goyette commented on March 19th 20 at 09:03

Find more questions by tags BootstrapHTMLCSS