Question

Gap between text boxes在第一行中，我使用了带标签的文本框。当我使用带有标签的文本框时，文本框附有第一行的文本框，我试图给出中断线
但是在移动视图中，在第一行到第二行文本框的文本框之间显示间隙。而不是破线。这个文本框我手风琴使用。

<div class="col-md-6">
   <div class="panel panel-default">
      <div class="panel-heading" style="background-color: #b3daff;">
         <h4 class="panel-title">
            <a data-toggle="collapse" data-parent="#accordion"
               href="#collapseFour"> <span style="font-weight: 700;">Banking
            Details</span> <span class="glyphicon glyphicon-plus"
               style="color: darkred">&nbsp;</span>
            </a>
         </h4>
      </div>
      <div id="collapseFour" class="panel-collapse collapse">
         <div class="panel-body">
            <div class="col-sm-4 col-md-6">
               <div class="row">
                  <div class="form-group">
                     <label class="control-label col-sm-12 col-md-8">Bank
                     Name</label>
                     <div class="col-md-12">
                        <input type="text" class="form-control" id="fname" required
                           placeholder="Bank Name" />
                     </div>
                  </div>
               </div>
            </div>
            <div class="col-sm-4 col-md-6">
               <div class="row">
                  <div class="form-group">
                     <label class="control-label col-sm-12 col-md-8">Account
                     Number </label>
                     <div class="col-md-12">
                        <input type="text" class="form-control" id="fname" required
                           placeholder="Account Number" />
                     </div>
                  </div>
               </div>
            </div>
            <div class="col-sm-4 col-md-6">
               <div class="row">
                  <div class="form-group">
                     <label class="control-label col-sm-12 col-md-8">IFSC
                     CODE </label>
                     <div class="col-md-12">
                        <input type="text" class="form-control" id="fname" required
                           placeholder="IFSC CODE" />
                     </div>
                  </div>
               </div>
            </div>
            <div class="col-sm-4 col-md-6">
               <div class="row" style="visibility: hidden">
                  <div class="form-group">
                     <label class="control-label col-sm-12 col-md-8">IFSC
                     CODE </label>
                     <div class="col-md-12">
                        <input type="text" class="form-control" id="fname" required
                           placeholder="IFSC CODE" />
                     </div>
                  </div>
               </div>
            </div>
            <br /><br /><br /><br />
            <div class="col-sm-4 col-md-12">
               <div class="row">
                  <div class="form-group">
                     <label class="control-label col-sm-12 col-md-8">Bank
                     Address </label>
                  </div>
               </div>
            </div>
            <div class="col-sm-4 col-md-12">
               <div class="row">
                  <div class="form-group">
                     <label class="control-label col-sm-12 col-md-8">Address
                     Line 1 </label>
                     <div class="col-md-12">
                        <textarea class="form-control" id="fname" required
                           placeholder="Address Line 1" ></textarea>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!----Ends second column-------->
</div>

Answer 1

要进行文本分解，请使用<br>

要换行（跨越div），请使用：<hr>

向<br>和<hr>元素添加类以分配自定义间距

例如：<br class="small-break">

CSS：

.small-break {
  margin-top: 5px;
  margin-bottom: 5px;
}

Answer 2

如果您正在寻找休息时间，只需在您想要的地方添加<br>或其中的多个。

如何为文本框创建换行符

2 个答案: