Angular2 Material md-select不与md-input内联

Question

我尝试使用Angular2 Material和bootstrap网格创建表单， 我的HTML看起来像这样：

<div class="row">
    <div class="col-md-6 marign-top-10 margin-bottom-10">
        <md-input-container class="full-width">
            <input
                mdInput
                type="text"
                formControlName="postal"
                placeholder="Postal">
        </md-input-container>
    </div>

    <div class="col-md-6 marign-top-10 margin-bottom-10">
        <div class="full-width">
            <md-select class="full-width" placeholder="Country" formControlName="country_id">
                <md-option *ngFor="let country of countries" value="{{country.id}}">{{ country.name }}</md-option>
            </md-select>
        </div>
    </div>
</div>

我的全角css类只设置宽度：100％。

问题是输入不在应有的位置 这里有几个截图:(我的应用程序是左边的语言，所以忽略文本方向）

Answer 1

这是一个css问题，您可以将其添加到组件样式表中：

.mat-select{
      margin-top:10px;
 }

播放值可能大于10或更低

Answer 2

md-select样式存在问题，我在项目中遇到了麻烦，所以我的解决方案是：

CSS

md-select {
    min-height: 30px; // or any value that equal md-input-container>input height
}

JSFiddle example