下拉/选择行为不灵敏

Question

我们在程序中使用了语义ui框架，但是我们无法弄清楚select / dropdown元素是如何使用width的。似乎很奇怪，文档中没有任何内容说明下拉/选择元素如何在表单中工作。

加号按钮应该一直位于右侧。相反，它在选择范围内移动。还要注意，即使我们定义了相同的大小，选择框也比其他输入字段大。

尽管所有其他框都具有响应性（原文如此），但下拉列表却没有。 我们该如何解决？

代码；

<div class="ui tiny modal" id="modal_new_discountcode">

    <div class="header" style="text-indent:5rem">Opprett ny rabatt</div>

        <div class="content">
            <div class="ui stackable form">

                    <div class="inline fields">
                        <div class="two wide field">
                        </div>

                        <div class="twelve wide field">
                            <div class="ui blue label" style="min-width: 120px; text-align: center">
                                Kode                                            
                            </div>
                            <select class="ui dropdown" id="dropdown_modal_discountcode">         
                                <option value="0"></option> 
                                <option value="7">eeee</option> 
                            </select>

                        </div>
                        <div class="two wide field">
                            <div id="btnAddDiscountCode" class="ui mini icon top left pointing green button">
                                <i class="plus icon"></i>
                            </div>
                        </div>

                    </div>    

                <div class="inline fields">
                    <div class="two wide field">
                        </div>
                        <div class="ten wide field">
                            <div class="ui blue label" style="min-width: 120px; text-align: center">
                                Forklaring                                            
                            </div>
                            <input type="text"  id="txtbxSupplierModalx" />

                        </div>

                    </div>
                    <div class="inline fields">
                    <div class="two wide field">
                        </div>
                        <div class="ten wide field" style="max-width: 340px"">
                            <div class="ui blue label" style="min-width: 120px; text-align: center">
                                Sats %                                            
                            </div>
                            <input type="text"  id="txtbxSupplierModala" />
                       </div>
                        </div>
                        <div class="inline fields">
                        <div class="two wide field">
                        </div>
                        <div class="seven wide field" style="max-width: 360px">
                            <div class="ui blue label" style="min-width: 120px; text-align: center">
                                Resting                                            
                            </div>
                            <div class="ui checkbox">
                                <input type="checkbox" name="example">
                                <label></label>
                            </div>

                        </div>
                        </div>

                    </div>

        </div>
        <div class="actions">
            <div class="ui positive button">Lagre</div>          
            <div class="ui negative button">Avbryt</div>
        </div>
    </div>