Как я могу удалить поле на верхней форме

Question

Я хочу удалить поле поверх формы, чтобы оно имело то же поле, что и текст слева.

Это мой код:

<div class="secound-top container">

  <div class="row">

    <div class="col-md-5 col-sm-5 col-xs-12 col-xl-12">

  <h4 class="title"> Plain Page</h4>

    <form>

      <div class="input-group">

        <input class="search-text" type="text" name="name" placeholder="search for....">

          <button class="btn btn-default" type="submit"><i>Go</i></button>

          </div>

    </form>

</div>

изображение

Answer 1

Я исправил ошибку, я вложил тег формы в контейнер div, затем с отрицательным полем наверху форма пошла вверх:

Есть код:

<div class="container-fluid form">

    <form>



        <input class="search-text" type="text" name="name" placeholder="search 
         for....">

          <button class="btn btn-default" type="submit"><i>Go</i></button>

          </div>

           CSS
           .form{
          margin-top: -30px;
          }

Answer 2

Вставьте это в свой CSS-файл или в теги стиля:

body{
    margin-top: 0px; 
    }