Dodawanie kolumn z przycisku, przesunięta kolumna bootstrap

Odpowiedz Nowy wątek
2017-05-04 21:03

Rejestracja: 4 lata temu

Ostatnio: 1 rok temu

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ć.

Pozostało 580 znaków

2017-05-05 10:40

Rejestracja: 5 lat temu

Ostatnio: 2 dni temu

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>
nie wiem czy dobrze rozumie, lepszym rozwiązaniem był by taki układ divów gdzie etykieta jest nad nową wartością ? tzn mam dwa diwy w lewej stronie(1 etykieta, 2 wartość) i po kliknięciu w wartość ma mi się wyświetlić w takim samym układzie prawa strona - mortall1994 2017-05-05 11:43
Zaproponowałem rozwiązanie, które powinno wyeliminować rozjeżdżanie - menu w osobnym divie po lewej, oraz content w osobnym na środku podzielony na dwie kolumny - tak jak masz na screenie. DO tej pory robiłem w ten właśnie sposób. Chociaż możliwe jest np nadanie stałej szerokości dla menu, pozycja absolutna z lewej i odpowiedni lewy padding(szer menu + margin) dla contentu. Moim zdaniem nie ma sensu umieszczać setki row i kolejne col-sm-* . Jeden wiersz -> tekst + pole input ze stylowaniem np (width:100%; max-width:260px). Trochę więcej kodu, ale pełna kontrola. - szewa90 2017-05-05 11:49

Pozostało 580 znaków

Odpowiedz

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0