我如何删除顶部表格上的边距

时间:2018-11-15 19:37:58

标签: html css css3 twitter-bootstrap-3 bootstrap-4

我想删除表格顶部的边距,以使其与左边的文本具有相同的边距。

这是我的代码:

<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>

image

2 个答案:

答案 0 :(得分:1)

将其插入您的CSS文件或样式标签中:

body{
    margin-top: 0px; 
    }

答案 1 :(得分:0)

我已经解决了该错误,我将form标记封装在了一个容器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;
          }