Пользовательская bootstrap сетка с вертикальным интервалом столбцов - PullRequest
Новая
       21

Пользовательская bootstrap сетка с вертикальным интервалом столбцов

0 голосов
/ 03 апреля 2020

[! [Custom bootstrap контейнер с вертикальным интервалом столбцов] [1]] [1]

Привет! Мне нужна эта специальная bootstrap сетка. Первые левые столбцы должны быть заполнены для lo go. у кого-нибудь есть простой html пример?

спасибо заранее! Майк

мой текущий код, но он плохо работает:

Привет! Мне нужна эта специальная bootstrap сетка. Первые левые столбцы должны быть заполнены для lo go. у кого-нибудь есть простой html пример?

спасибо заранее! Майк

мой текущий код, но он плохо работает: 

            <div class="container-fluid">
            <div class="row">
                <div class="col-md-8">
                    <img src="/img/logo.png" class="img-responsive left-aligned" alt="logo">
                </div>
                    <div class="col-md-4">
                        <div class="row">
                            <div class="col-md-12">Label A
                            </div>
                        <div class="col-md-12">Label C
                        </div>
                            <div class="col-md-8">

                                <div class="col">
                                    <label class="col-md-2 text-right">Label D</label>
                                </div>

                                <div class="col-md-8">
                    <select class="form-control">
                        <option value="cheese">cheese</option>
                        <option value="tomatoes">tomatoes</option>
                        <option value="mozarella">mozarella</option>
                        <option value="mushrooms">mushrooms</option>
                        <option value="pepperoni">pepperoni</option>
                        <option value="onions">onions</option>
                    </select>
                </div>

                            </div>
                        </div>
                    </div>
            </div>
                <div class="col-md-8">

                    <div class="col">
                        <label class="col-md-2 text-right">Label C</label>
                    </div>

                    <div class="col-md-10">
                        <form method="post" role="search">
                            <div class="input-group input-group">
                                <input type="text" class="form-control" placeholder="Search product">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="button"><i class="fa fa-search"></i></button>
                                </span>
                            </div>
                        </form>
                    </div>



                </div>
                 <div class="col-md-4">

                    <div class="col">
                        <label class="col-md-2 text-right">Label D</label>
                    </div>

                    <div class="col-md-8">
                        <select class="form-control">
                            <option value="blue">blue</option>
                            <option value="red">red</option>
                            <option value="green">green</option>
                            <option value="black">black</option>
                        </select>
                    </div>

                </div>
            </div>
...