Question

使用Bootstrap 3我已经安排了如下所示的列。

@Override
protected void onResume() {
   super.onResume();
   ConnectivityManager connectivityManager = (ConnectivityManager) getSystemService(CONNECTIVITY_SERVICE);
   if (connectivityManager.getActiveNetworkInfo() ==null){
       noConDialog.show(getFragmentManager(), NET_ALERT_DIALOG);
       Log.e("jedois","pas m'afficher");
    return;
   }
   if (storeId == 0) { //si on a plus la boutique id
    //call logon activity
        Intent logonActivity = new Intent(ShoppingActivity.this, LogonStoreActivity.class);
        startActivityForResult(logonActivity, LOGON_STORE_REQUEST);
   }
}

请注意，第二列比第一列高。

这就是我在做的事情：

 @Override
    protected void onResume() {
       super.onResume();
       ConnectivityManager connectivityManager = (ConnectivityManager) getSystemService(CONNECTIVITY_SERVICE);
       if (connectivityManager.getActiveNetworkInfo() ==null){
           noConDialog.show(getFragmentManager(), NET_ALERT_DIALOG);
           Log.e("jedois","pas m'afficher");
       }
    else{
       if (storeId == 0) { //si on a plus la boutique id
        //call logon activity
            Intent logonActivity = new Intent(ShoppingActivity.this, LogonStoreActivity.class);
            startActivityForResult(logonActivity, LOGON_STORE_REQUEST);
       }
    }
}

我想将第3列放在第一列的正下方，而没有空格（a）。我该怎么办？

Answer 1

尝试嵌套这样的列：

<div class='row'>
    <div class='col-sm-12 col-md-8'>
        <div class="row">
            <div class="col-sm-12">1</div>
            <div class="col-sm-12">3</div>
        </div>
    </div>
    <div class='col-sm-12 col-md-4'>2</div>
</div>

Answer 2

空白空间只占空间。

<div class='row'>
  <div class='col-sm-12 col-md-8'>...</div>
  <div class='col-sm-12 col-md-4'>...</div>
</div>

<div class='row'>
  <div class='col-sm-12 col-md-4'></div>
  <div class='col-sm-12 col-md-8'>...</div>
</div>

Bootstrap 3 - 具有不同宽度和高度的位置列移除垂直装订线

2 个答案: