Dodawanie kolumn z przycisku, przesunięta kolumna bootstrap

Dodawanie kolumn z przycisku, przesunięta kolumna bootstrap
mortall1994
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 24
0

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?
titlescreenshot-20170504205952.pngindex.rar

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

S9
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 70
0

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

Kopiuj
<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>

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.