UI问题 [英] UI issues

问题描述

我使用bootstrap将控件放在Sharepoint可视化Web部件上

I am using bootstrap to place controls on Sharepoint visual web part

看看（最后一个下拉控件）这是"Dosage"转到其他栏目，其应该出现在我的下面的图像"保质期"下面的列中。字段。

have a look ( last drop down controls which is "Dosage" going to other column ),which should come on ist column as I mentioned in below image under "shelf life" field.

我的HTML

   < div class =" col-md-6">

        < label for =" field4">

            < span>公司名称< / span>< asp：DropDownList ID =" ddlcompany"宽度= QUOT; 75％" RUNAT = QUOT;服务器" CssClass =" select-field">< / asp：DropDownList>

        < / label>

    < / div>

   <div class="col-md-6">
        <label for="field4">
            <span>Company Name</span><asp:DropDownList ID="ddlcompany" Width="75%" runat="server" CssClass="select-field"></asp:DropDownList>
        </label>
    </div>

推荐答案

您好，

对于您想要创建的每个水平行，可以使用"卡组"类。我通常使用以下组合来参加我的列的均匀分布。 

For each horizontal row that you would like to create, you can use a "card-group" class. I generally use the below combination to attend a even distribution of my columns. 

< div class =" container">

< div class =" row">

< div class =" card-group">

< div class =" col-md-6 card"> ;< p> Apples< / p>< / div>

< div class =" col-md- 6张卡">< p>橘子< / p>< / div>

< / div>

< / div>

< div class =" row">

< div class =" card-group">

< div class =" col-md-6 card">< p> Pears< / p>< / div>

< div class =" col-md-6 card">< p>草莓< / p>< / div>

< / div>

< / div>

< / div>

<div class="container">
<div class="row">
<div class="card-group">
<div class="col-md-6 card"><p>Apples</p></div>
<div class="col-md-6 card"><p>Oranges</p></div>
</div>
</div>
<div class="row">
<div class="card-group">
<div class="col-md-6 card"><p>Pears</p></div>
<div class="col-md-6 card"><p>Strawberries</p></div>
</div>
</div>
</div>

有关详细信息，请参阅
文章。

For more info, you can refer article.

注意：我假设您使用的是Bootstrap 4.

Note: I am assuming you are using Bootstrap 4.

如果回复可以帮助您，请标记为答案。

Please mark as answer if the reply helps you.

谢谢，

Bhargav

这篇关于UI问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！