Html 符合<；选项>；引导卡中的标签

我正在使用Angular和Bootstrap 4.0并希望在

卡中使用
和
，

component.html
的代码如下：

<div class="container">
    <h4> Property Explorer</h4>
    <div class="row">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">Available Properties</div>
                <div class="card-body">
                    <label for="typeahead-template"><span>Search</span></label>
                    <input id="typeahead-template" type="text" class="form-control">

                    <select size="10" class="custom-select mr-4" style="height: auto">
                        <optgroup label="Properties">
                            <option *ngFor="let eachVal of dataResults"
                                    (click)="getPropValues(eachVal)">
                                {{eachVal.translatedProperty}}
                            </option>
                        </optgroup>
                        <optgroup label="References">
                            <option *ngFor="let eachVal of objResults"
                                    (click)="getReferenceValues(eachVal)"
                            >
                                {{eachVal.translatedProperty}}</option>
                        </optgroup>
                    </select>
                </div>
            </div>
        </div>
    </div>
</div>


属性浏览器
可用属性
搜寻
{{eachVal.translatedProperty}
{{eachVal.translatedProperty}

电流输出
为
*ngFor
加载数据时，具有的卡看起来如下所示：

期望值
是否有更好的方法来对齐卡中的
输入
和
选择
标签

我必须使用
style=“height:auto”
来提高
select
的高度，否则我无法清楚地看到
select
标记。
在select上使用bootstrap类将应用bootstrap非常棒的CSS，使其在引导卡中看起来和感觉都正确

注意：我还在输入/选择周围添加了一些
容器，以添加所需的间距/填充（
表单组
是另一个专门为此设计的引导类）：



属性浏览器
可用属性
搜寻
选择权
选择权
选择权
选择权
选择权
选择权
选择权
选择权
选择权
选择权
您是否尝试过将引导类
.form control
添加到
元素中？请告诉我一声。@cale\b您可以将其作为一个答案来写，如果您有一些技巧可以让它看起来更好，我可以接受它作为一个答案。不过，我已经发布了一个答案，以帮助“看起来更好”我需要知道的部分-你所说的“对齐输入并选择标记”是什么意思？输入是对齐的-您还需要其他东西吗？间隔、填充等？我试过代码，发现了一些奇怪的东西。我的
select
完全适合卡片，而你的卡片周围有一些填充物。这里是我的渲染，这是很难排除的，因为我们不知道-你有其他风格正在应用吗？而且，我们真正需要知道的是呈现的HTML——您已经展示了Angular模板，但是生成/输出的实际HTML会更有帮助。最后，我在答案中添加了一点标记，以利用
来帮助添加一些您正在寻找的间距。我发现我有其他组件使用
卡块
，而不是
卡体
，并且工作得非常完美。谢谢