如何在引导程序中删除垂直空格行

时间:2019-05-13 12:27:10

标签: html css bootstrap-4

我用两列 对于每一个,我单独放置一行 当我将表单放在第二列中时,上一行的列之间的间距将被新列替换。 我要删除列之间的空间

需要删除col-3和下一行col-3中的空间。 我用来删除边距和填充,但是没用

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

    <code>
    <div class="container">
    <div class="row " >
        <div class="col-3" >

            <form class="form-group form-control">
                <div class="input-group">
                    <div class="input-group-append">
                        <div class="input-group-text">@</div>
                    </div>
                    <input class="form-control" type="text" placeholder="نام 
      کاربری را وارد کنید">

                </div>
                <div class="input-group">
                    <div class="input-group-append">
                        <div class="input-group-text">@</div>
                    </div>
                    <input class="form-control" type="password" 
     placeholder="رمز عبور را وارد کنید">

                </div>
                <button class="btn btn-success" type="submit">ورود</button>
                <input class="form-control" type="checkbox"> <label>فراموشی 
    رمز عبور</label>

            </form>
        </div>


        <div class="col-9">
            <form class="form-group">
                <div class="form-control bg-dark">
                    <h3 class="text-center text-danger">ایجاد </h3>
                    <label class="text-white">عنوان</label>
                    <input class="form-control" type="text" size="50">
                    <label class="text-white">تستتتت</label>
                    <input class="form-control" type="number" size="20">
                    <button class="btn btn-success form-control" 
    type="submit">ایجاد</button>
                    <input type="radio"><label class="text-white" class="mr- 
     2">1</label>
                    <input type="radio"><label class="text-white" class="mr- 
      2">2</label>

                </div>
            </form>
        </div>

      </div>
      <div class="row">
        <div class="col-3">
            <div class="card card-group">
                <div class="card-body">
                    <div class="card-header text-center">
                        <h6>لیست</h6>
                    </div>
                    <div class="card-text">
                        <label class="text-success text-right">محمد</label>
                        <br>
                        <label class="text-success text-right">محمد</label>
                        <br>
                        <label class="text-success text-right">محمد</label>
                        <br>
                        <label class="text-success text-right">محمد</label>
                        <br>
                        <label class="text-success text-right">محمد</label>
                        <br>


                    </div>
                </div>

            </div>
        </div>
        <div class="col-9">
            asdkajsdkajsdkajskd
     </div>
   <code>

0 个答案:

没有答案