Dodawanie kolumn z przycisku, przesunięta kolumna bootstrap

od kilku godzin siedzę nad irytującym problemem. Zakodowałem wstawianie divów po kliknięciu w button (bez dodatkowych css) na szablonie bootstrapu. W bracketsie wyświetla mi wszystko równo ale gdy odpalę w inteliJ (ma to być front dla javy) to już się rozjeżdża. Gdzie szukać przyczyny bądź co robię źle?
index.rar

kod strony jest w pliku index.rar, nie wiem czemu ale pliku .txt nie chciało mi wczytać.

Ja bym trochę inaczej zbudował sam szkielet strony. Nie wiem czy Ci takie rozwiązanie będzie odpowiadać, ale zrobiłbym to tak:

<div class="container">
            <div class="row">
                <div class="col-md-2">
                    <h2>information</h2>
                    <ul>
                        <li><a href="">opcja1</a></li>
                        <li><a href="">opcja2</a></li>
                        <li><a href="">opcja3</a></li>
                        <li><a href="">opcja4</a></li>
                        <li><a href="">opcja5</a></li>
                        <li><a href="">opcja6</a></li>
                    </ul>
                </div>
                <div class="col-md-10">
                    <div class="container">
                        <div class="row">

                            <!-- lewa strona -->
                            <div class="col-md-6">
                                <div class="input">
                                    <p>nazwa1</p>
                                    <input type="text">
                                    <div class="clearfix"></div>
                                </div>
                                <div class="input">
                                    <p>nazwa2</p>
                                    <input type="text">
                                    <div class="clearfix"></div>
                                </div>
                                <div class="input">
                                    <p>nazwa3</p>
                                    <input type="text">
                                    <div class="clearfix"></div>
                                </div>
                                <div class="input">
                                    <p>nazwa4</p>
                                    <input type="text">
                                    <div class="clearfix"></div>
                                </div>
                                <div class="input">
                                    <p>nazwa5</p>
                                    <input type="text">
                                    <div class="clearfix"></div>
                                </div>
                                <div class="input">
                                    <p>nazwa6</p>
                                    <input type="text">
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                            <!-- prawa strona -->
                            <div class="col-md-6">
                                <div class="input">
                                    <p>nazwa1</p>
                                    <input type="text">
                                    <div class="clearfix"></div>
                                </div>
                                <div class="input">
                                    <p>nazwa2</p>
                                    <input type="text">
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>