Question

<div class="row">
<div class="container">
  <div class="col-md-4 col-md-offset-4">
    <div class="login-wrapper">
        <div class="login-head">
          <h3 class="text-center"> Log in </h3>
        </div>

        <form>
          <div class="form-group">
            <label for="email" class="sr-only"> Email </label>
            <input type="text" placeholder="email here" class="form-control">
          </div>

          <div class="form-group">
            <label for="email" class="sr-only"> Password </label>
            <input type="text" placeholder="Password here" class="form-control">
          </div>

          <button type="button" class="btn btn-danger center-block"> Login </button>

        </form>

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

在此代码之后，我的浏览器中有滚动条，所以我检查并发现如果我进行更改

.row { margin-right: 0;}

很好。这与我的css无关我删除了我的CSS并尝试过。所以我应该一直改变引导程序提供的.row的值吗？默认值是

.row{margin-right: -15px;}

编辑：代码格式化为代码

Answer 1

正如Bootstrap文档中所提到的，row应该是一个顶级包装类，它应该包含类<div class="container"> <div class="row"> <div class="col-md-4 col-md-offset-4"> <div class="login-wrapper"> <div class="login-head"> <h3 class="text-center"> Log in </h3> </div> <form> <div class="form-group"> <label for="email" class="sr-only"> Email </label> <input type="text" placeholder="email here" class="form-control"> </div> <div class="form-group"> <label for="email" class="sr-only"> Password </label> <input type="text" placeholder="Password here" class="form-control"> </div> <button type="button" class="btn btn-danger center-block"> Login </button> </form> </div> </div> </div> </div>。你已经交换了这些课程。我认为这是问题的原因。

引导程序介绍的第一条规则是：

行必须放在.container（固定宽度）或.container-fluid（全宽）内，以便正确对齐和填充。

代码应该看起来：

SELECT 
  AvgLbsPerWeek = 
    CASE WHEN @EnoughWeightSum < @FreqForCalcs
        THEN AvgPoundsPerWeek
    ELSE 
         AvgPoundsPerWeek + @AvgByDaySum/(@EnoughWeightSum*FreqForCalcs)
             -- I didn't quite understand how the last code fit in
    END
 FROM Table

我的代码出了什么问题？

1 个答案: