Как настроить ширину группы загрузки начальной загрузки 3 - PullRequest
0 голосов
/ 17 января 2019

Как настроить ширину входной группы начальной загрузки и при этом сделать ее отзывчивой? Например, я хочу, чтобы поле ввода количества принимало x% (намного меньше), чем поле описания. Также, как мне обернуть каждое поле ввода на мобильном телефоне? Заранее спасибо, извините, я нуб.

<div class="container">
  <div class="col-lg-1"></div>
<div class="col-lg-10">
  <div class="panel panel-danger">
    <div class="panel-heading text-center"><strong>Store Transfer</strong></div>

 <div class="panel-body">
   <div class="col-lg-12">

     <div class="form-group">
     <div class="input-group"> <span class="input-group-addon">Description</span>
       <input type="text" class="form-control input-sm" placeholder="Item Description">

       <span class="input-group-addon">Quantity</span>
       <input type="text" class="form-control input-sm" placeholder="Quantity">

       <span class="input-group-addon">Cost</span>
       <input type="text" class="form-control input-sm" placeholder="Cost">

       <span class="input-group-addon">Total $0.00</span>
       </div>

     </div>
   </div>

    <div class="col-lg-2"></div>   
    <div class="col-lg-8">
   <div class="form-group">

    <div class="input-group"><span class="input-group-addon">Transfer From:</span>

    <select class="form-control form-control-sm">
                        <option value="store" disabled="" selected="" class="">Select Store</option>
                        <option value="Richfield" class="">Richfield</option>
                        <option value="Eagan" class="">Eagan</option>
  </select>

  <span class="input-group-addon">Transfer To:</span>

   <select class="form-control">
                        <option value="store" disabled="" selected="" class="">Select Store</option>
                        <option value="Richfield" class="">Richfield</option>
                        <option value="Eagan" class="">Eagan</option>
  </select>

  <span class="input-group-addon" style="width:0px; padding-left:0px; padding-right:0px; border:none;"></span>

<div class="input-group">
  <span class="input-group-btn">
    <button class="btn btn-success" type="button">Submit</button>
  </span>
  </div>
</div>






   </div>
   <div class="col-lg-2"></div>
    </div>

 </div>

  </div>

BootPly Here

Pic of panel

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...