Изменения в bootstap

2 мая 2016 г.

Здравствуйте! проблемы добавил два div контейнера в шапке

http://prntscr.com/azd5e2
http://prntscr.com/azd5ka

как сделать чтобы эти два контейнера тоже были адаптивны,при сужение страницы.(Я знаю что надо что то куда то добавить,только куда?)
Заранее спасибо

7 мая 2016 г.

Re: Изменения в bootstap

a.vdovkin@yahoo.com писал(а):

http://www.w3schools.com/bootstrap/bootstrap_grid_examples.asp

E-mail: info@syrbek.ru / телега: @syrbek /skype: activexm / syrbek.ru / Поддержка сайтов / г. Москва [HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, Git, SVN, Redmine]

7 мая 2016 г.

Re: Re: Изменения в bootstap

Цитата:

Прошу прощение за глупый вопрос,но куда это все вставлять ?вот мой код

<div class="box_tema">
   <div class="clearfix grpelem" id="number">
      <p>Smicasea в г.Алматы</p>
     <div class="clearfix grpelem" id="mail">
   <p>Рыскулова 103Б, ТЦ «Стройсити»2 этаж,Г 2-4м</p>
   <i class="fa fa-phone"><span>+7 (727) 237-99-40</span></i>
     </div>
    </div>
    <div class="clearfix grpelem2" id="number2">
      <p>Smicasea в г.Астана</p>
     <div class="clearfix grpelem2" id="mail2">
      <p>ул.Едил,ТЦ «Строймарт»2 этаж,26м</p>
      <i class="fa fa-phone"><span>+7 (747) 535-18-77</span></i>
     </div>
     </div>
         </div>

7 мая 2016 г.

Re: Изменения в bootstap

a.vdovkin@yahoo.com писал(а):

Прошу прощение за глупый вопрос,но куда это все вставлять ?вот мой код

Вы представили только кусок верстки, в данном случае надо смотреть полный сайт, так как может этот блок зависит от других блоков.

8 мая 2016 г.

Re: Изменения в bootstap

Хорошо вот сайт smicasea.kz

9 мая 2016 г.

Re: Изменения в bootstap

a.vdovkin@yahoo.com писал(а):

Хорошо вот сайт smicasea.kz

Часть <header> надо по хорошему переверстать , как разбить колонки я вам выше привел пример.

9 мая 2016 г.

Re: Изменения в bootstap

Seri писал(а):

Часть <header> надо по хорошему переверстать , как разбить колонки я вам выше привел пример.

В общем блок <header> должен выглядеть так:

<header>
    <div class="row" style="margin-top:20px;">
        <div class="col-sm-3">
            <div class="logo">
                <a href="/" title="HostCMS"><img src="/images/logo.png" style="max-width:100%;"></a>
            </div>
        </div>
        <div class="col-sm-3"><p>Smicasea в г.Алматы</p>
            <div class="clearfixid">
            <p>Рыскулова 103Б, ТЦ «Стройсити»2 этаж,Г 2-4м</p>
            <i class="fa fa-phone"><span>+7 (727) 237-99-40</span></i>
        </div>
    </div>
    <div class="col-sm-3"><p>Smicasea в г.Астана</p>
        <div class="clearfix grpelem2">
            <p>ул.Едил,ТЦ «Строймарт»2 этаж,26м</p>
            <i class="fa fa-phone"><span>+7 (747) 535-18-77</span></i>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="quick-access">
            <ul class="links">
                <li class="first">
                </li>
                <li>
                    <a title="Карта сайта" href="/map/">Карта сайта</a>
                </li>
                <li class="last">
                    <a title="Контакты" href="/contacts/">Контакты</a>
                </li>
            </ul>
        </div>
        <div class="little-cart">
            <div class="mt-cart">
                <div class="little-cart-info">
                    <div class="cart-ico">
                        <i class="fa fa-shopping-cart"></i>
                    </div>
                    <div class="empty-cart">
                        <div>0 товаров — 0 тг.</div>
                    </div>
                </div>
                <div class="more-cart-info"
                     style="display: none; height: 42px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
                    <div class="cart-item-list-empty">В корзине нет ни одного товара</div>
                </div>
            </div>
        </div>
    </div>
    </div>
</header>

Я вам уже сверстал

14 мая 2016 г.

Re: Изменения в bootstap

Seri писал(а):

Спасибо вам большое))Побольше бы таких людей как вы

Авторизация