Question

似乎无法将这两个列表并排放在一起而不是彼此叠加，这是我的代码，任何指导都会非常感激！这是我的代码

<div class="panel-body">

                <div class="monthSelect">
                    <div class="form-group">
                      <label for="yearValues">Select Year</label><br /> <!--Delete if necessary-->


                    <div class="yearSelector" >
                        <select ng-model="selected.year" ng-options="year.year for year in yearValues">
                        <option value="" disabled>Select year</option>

                        </select><!--Select ng-model-->
                             </div><!--YearSelector Div-->

                        <label for="exampleInputPassword1">Select Period</label>


                        <div class="periodSelector">

                            <!--periodValues must correspond with the name of the array-->

                            <select ng-model="selected.period" ng-options="period.period for period in periodValues">
                                <option value="" disabled>Select Month</option>


                            </select>   <!-- select ng-model  -->
                        </div><!--close periodselector-->
                    </div><!--Div class form-group-->
                </div><!--Div class: Month Select-->
            </div><!--Div class: Panel Body-->
        </div><!--Div class panel: Default-->
    </div><!--Div class col-md-12-->
</div><!--Div class: Row-->
<!--Customer report Generator-->
<!--LynchReport Generator-->

Answer 1

有些方法可以实现这些尝试任何这些

使用表格将您的内容包装在一个HTML表格行中。

var user = new ApplicationUser() { 
    UserName = UserName.Text, 
    Email = Email.Text, 
    FirstName = FirstName.Text, 
    MiddleName = MiddleName.Text, 
    LastName = LastName.Text,
    RegistrationDate = DateTime.Now,
    ProfileUpdateDate = DBNull.Value,
    LastLoginDate = DBNull.Value
};

或

在一行中使用<table> <tr> <td> field 1 </td> <td> field 2 </td> </tr> </table>您需要的每个元素。使用适当的style="float:left"来使它们之间有足够的间距

margin

另一种方法是使用<div style="float:left;margin:2px;"> field 1 </div> <div style="float:left;margin:2px;"> field 2 </div>，因为您的代码已经看起来已经在使用它了，

点击此链接，了解如何调整bootstrap。 http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp

divs

可以很好地对齐您的代码。您可以将数字<div class="row"> <div class="col-md-6"></div> <div class="col-md-6"></div> </div>更改为其他值6，以便正确对齐。

如何让我的下拉列表div彼此并排放置

1 个答案: