@Karpkarp

Как изменить ширину формы Bootstrap 4?

Всем привет.
В общем есть страничка обратной связи с формой Bootstrap
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
	<meta http-equiv="X-UA-Compatible" content="ie=edge"> 
	<link rel="stylesheet" href="../css/style.css">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
	<title>october</title>
</head>
<body>


<div class="container">
  <div class="row justify-content-center mb-5 mt-5">
      <div class="col-md-6 col-md-offset-3 text-center">
        <h1>Связь</h1>
        <form id="mailForm">
          <input type="email" name="email" class="form-control" placeholder="email" id="email"><br>
          <input type="text" name="name" class="form-control" placeholder="name" id="name"><br>
          <input type="phone" name="phone" class="form-control" placeholder="phone" id="phone"><br>
          <textarea name="message" class="form-control" placeholder="message" id="message"></textarea><br>
          <button type="button" name="button" class="btn btn-success" id="sendMail">Отправить</button>
        </form>
        <div id="errorMess"></div>
    </div>
  </div>  
</div>



<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="../js/formMail.js"></script>

<?php require "../blocs/footer.php"; ?>
</body>
</html>


Форма выглядит вот так 5daa129ebc076845281536.png
Лезу значит в браузер просмотреть код и вижу, что к id mailForm привязан стиль стиль width:100px
Ok, захожу в css файл, а там никакого width:100px и в помине нет.
Форма отображается в нужном размере только когда полностью отключаю css файл, но с его отключением пропадают другие стили.

P.s вчера всё работало нормально, ничего не изменял, может Open Server тупит.

Отбой, разобрался, баба отвлекала всё время, разводитесь пацаны!
  • Вопрос задан
  • 2080 просмотров
Пригласить эксперта
Ответы на вопрос 1
kores
@kores
Помог ответ? Отметь решением!
Смотрите выше на родителей col-md-6 col-md-offset-3
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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