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
< label for =" field4">
< span>公司名称< / span>< asp:DropDownList ID =" ddlcompany"宽度= QUOT; 75%" RUNAT = QUOT;服务器" CssClass =" select-field">< / asp:DropDownList>
< / label>
< / div>
<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屋!