如何停止窗體字段在引導窗體中移動

Question

嗨，這是使用Twitter引導2.3.2我有一個窗體設置，有一個複選框右下角下拉。這個想法是，如果用戶點擊複選框，它將隱藏下拉菜單並顯示一個新的輸入字段，以便用戶可以輸入新的位置標題。

當單擊該複選框時，將隱藏帶有標籤的div和包含下拉列表的div。 帶有新輸入標籤的div確實顯示，但窗體的下一行會被移動。

http://jsfiddle.net/mwoods98/sdcs3gka/3/

另外一個奇怪的是，我有2隱藏的div設置爲.hide（），但它仍然是鑑於在加載時間，但在頁面加載，你仍然可以看到它短短的一秒鐘。

      $(function() { 
          $('#NewPositionDiv').hide(); 
          $('#NewlabelPosTitle').hide(); 
          $('#fcbNewPos').change(function() { 
           if ($('#fcbNewPos').is(':checked')) { 
            $('#PositionDiv').hide(); 
            $('#labelPosTitle').hide(); 
            $('#NewPositionDiv').show(); 
            $('#NewlabelPosTitle').show(); 
            $('#NewPositionName').focus(); 
           } else { 
            $('#PositionDiv').show(); 
            $('#NewPositionDiv').hide(); 
            $('#NewlabelPosTitle').hide(); 
           } 
            }).change(); 
           }); 

這是隱藏div的JS代碼。

在此先感謝！

Answer 1

好的我已經添加了clearfix替換DIV的控件類似乎做了修復。