@udzumaki

Почему бутстрап неадекватно располагает элементы?

Помогите с бутстрапом.Вроде все классы правильно расставил.Укажите на ошибки

Оригинал:5caa045d1e8ff227281028.png

Что вышло:5caa04d082269755219127.png

Мой код:
-html:
<form action="" class="touch-form" method="post">
				 	<div class="d-flex touch-form__div">
				 	<input type="text" class="touch-form__input col-3">
				 	<input type="email" class="touch-form__input col-3">
				 	</div>
				 	<br>
				 	<textarea name="" id="" cols="30" rows="10" class="touch-form__textarea col-7"></textarea>
				 	<br>
				 	<button class="touch-form__btn col-7">SEND MESSAGE</button>
				 </form>

-css:
.touch-form__div{
 	justify-content: space-between;
 }

 .touch-form__textarea{
 	resize: none;
 }


хелп
  • Вопрос задан
  • 95 просмотров
Решения вопроса 1
@ned4ded
Верстка, Фронтенд
добрый день, я сначала хотел написать подробный ответ, но...

проблема не в bs, прочитайте, пожалуйста, эти инструкции:
https://getbootstrap.com/docs/4.3/layout/grid/ - про сетку,
https://getbootstrap.com/docs/4.3/components/forms/ - про разметку форм,
https://getbootstrap.com/docs/4.3/layout/utilities... - утилиты для лейаута

все остальные проблемы должны отпасть сами собой.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы