如何使用bootstrap类在angular 5中对齐同一行中的div
如何使用bootstrap类在angular 5中对齐同一行中的div
提问于 2018-06-03 00:06:30
//这是一个标签为"WLC Name“的输入字段，我希望在同一行中对齐。
<div class="form-group row">
<label class="col-md-2 col-form-label text-right">WLC Name</label>
<div class="col-lg-2 col-sm-11">
<input type="text"value="BSNL-WLCXXX" class="form-control" formControlName="wlc_name" id="wlc_name" #wlcname>
// I want to put below div in the same row, but it is not coming.
<div>
<app-right-tooltip [toolTipText]="getToolTipText('system_basic_wlc_name')"></app-right-tooltip>
</div>
</div>//标签的html代码: app-right-tooltip
<div>
<span class="glyphicon glyphicon-question-sign blue" style="font-size: 15px " aria-hidden="true" [popover]="getData()"
popoverPlacement="right"
[popoverOnHover]="false"
[popoverCloseOnMouseOutside]="false">
</span>
</div>回答 2
Stack Overflow用户
回答已采纳
发布于 2018-06-03 01:14:50
你需要浮动app-right-tooltip
<app-right-tooltip style="float:right"></app-right-tooltip>否则，您需要一些结构来包装此组件
<div class="row">
<div class="md-2">...</div>
<div class="md-10"><app-right-tooltip /></div>
</div>Stack Overflow用户
发布于 2018-06-03 00:36:03
试试这个css
.exampleClass {
dispaly: inline-block;
}Html
<div class="exampleClass">
<app-right-tooltip [toolTipText]="getToolTipText('system_basic_wlc_name')"></app-right-tooltip>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50658746
复制相关文章
相似问题