Bootstrap CSS，与网格问题

我的代码是：

<div class="row"> 
    <div class="col-xs-12 col-sm-12 col-md-offset-1 col-md-9 col-lg-offset-2 col-lg-8"> 
     <div class="panel panel-success"> 
      <div class="panel-heading"> 
       <div class="row"> 
        <label class="col-xs-3 col-sm-3 col-md-2 col-lg-2" for="module">Module</label> 
        <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9"> 
         <select class="form-control"> 
          <option value="module1">Module 1</option> 
          <option value="module2">Module2</option> 
         </select> 
        </div> 
        <div class="glyphicon glyphicon-remove deleteModule col-xs-1 col-sm-1 col-md-1 col-lg-1" aria-hidden="true"> 
        </div> 
       </div> 
      </div> 
      <div class="panel-body form-horizontal"> 
      </div> 
     </div> 
    </div> 
</div>

但你可以在此看到的jsfiddle：https://jsfiddle.net/eupgjkf3/2/

对于小尺寸的屏幕，最后格正在下降，但总的所有网格是12 另外我怎样才能把十字架推到右上角？一旦我为它添加了一些保证金，它就会下降。

来源

2015-04-15 user3636476

你应该把你的DIV 内一个div山坳-...类，而不是在同一div

来源

2015-04-15 16:36:47

尝试这种解决方案！

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
    <div class="row"> 
 
     <div class="col-xs-12 col-sm-12 col-md-offset-1 col-md-9 col-lg-offset-2 col-lg-8"> 
 
      <div class="panel panel-success"> 
 
       <div class="panel-heading"> 
 
        <div class="row"> 
 
         <div class="col-xs-3 col-sm-3 col-md-2 col-lg-2"> 
 
          <label for="module">Module</label> 
 
         </div> 
 
         <div class="col-xs-6 col-sm-6 col-md-8 col-lg-8"> 
 
          <select class="form-control"> 
 
           <option value="module1">Module 1</option> 
 
          <option value="module2">Module2</option> 
 
          </select> 
 
         </div> 
 
         <div class="col-xs-3 col-sm-3 col-md-2 col-lg-2"> 
 
          <div class="text-right"> 
 
          <span class="glyphicon glyphicon-remove deleteModule" aria-hidden="true"></span> 
 
          </div> 
 
         </div> 
 
     \t \t \t \t  
 
        </div> 
 
       </div> 
 
       <div class="panel-body form-horizontal"> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div>

来源

2017-02-20 21:29:50 LXhelili

Bootstrap CSS，与网格问题

回答

相关问题