推COL-MD-6格到下一行

，我想強調的div移動到下一行，右下面的「座位數」，所以我想添加一個「col-md-offset-6」就可以了。然而，結果是這樣的：

代碼：

<div class="col-md-3" style="padding-left: 0; padding-top: 15px;"> 
     <label class="control-label">@Localizer.GetWebTranslation("Locations", "Number of seats")</label> 
     @Html.EditorFor(model => model.NumberOfSeats, new { htmlAttributes = new { @class = "form-control", @style = "width: 70px", @data_bind = "value : NumberOfSeats" } }) 
    </div> 
    <div class="col-md-3" style="padding: 0; padding-top: 30px"> 
     <input data-bind="checked: Terrace" id="checkbox-4" class="checkbox-custom" name="checkbox-4" type="checkbox"> 
     <label for="checkbox-4" class="checkbox-custom-label control-label">@Localizer.GetWebTranslation("Products", "Terrace")</label> 
    </div> 
    <div class="col-md-6" style="padding-right: 0; padding-left: 15px; padding-top: 15px"> 
     <label class="control-label">@Localizer.GetWebTranslation("LocationProfile", "Location Profiles")</label> 
     <input class="form-control" id="profilesAutocomplete" data-bind="textInput: $root.SelectedProfileName" placeholder="@Localizer.GetWebTranslation("Locations", "Search.. (e.g. Catering, Vinery)")" /> 
    </div>

什麼是做到這一點的正確方法？

來源

2016-03-25 iuliu.net

請顯示您的代碼。 – WillardSolutions

將div的座位數設置爲12列而不是 – j08691

@ j08691「numberofseats」和「terrace」div各自爲「col-md-3」。增加了代碼。 –

您可以使用該行歸類的div如下

<div class="row"> 
    <div id="city" class="col-md-6"></div> 
    <div id="country" class="col-md-6"></div> 
    . 
    . 
    . 
    <div id="NumberOfSeats" class="col-md-6"></div> 
</div> 
<div class="row"> 
    <div id="LocationProfiles" class="col-md-6"></div> 
</div>

來源

2016-03-25 16:06:40 Tanbi

謝謝，這工作！ –

<div class="row"> 
    <div class="col-md-6"> City </div> 
    <div class="col-md-6">country</div> 
</div> 
<div class="row"> 
    <div class="col-md-6"> Street Name</div> 
    <div class="col-md-6">Zip Code</div> 
</div> 
<div class="row"> 
    <div class="col-md-6"> Email</div> 
    <div class="col-md-6">Phone</div> 
</div> . 
<div class="row"> 
    <div class="col-md-3">Number Of seat</div> 
    <div class="col-md-3">Terrace</div> 
    <div class=col-md-6"></div>`**...(optional)**` 
</div> 
<div class="row"> 
    <div class="col-md-6">Location profile</div> 
</div>

這是使用引導構建這種形式的正確途徑。

來源

2016-03-25 16:15:31

在位置輪廓的最後一個div中，只需在css中添加clear：left;

來源

2016-03-25 16:28:31

推COL-MD-6格到下一行

回答

相關問題