Изменения в bootstap

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

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

как сделать чтобы эти два контейнера тоже были адаптивны,при сужение страницы.(Я знаю что надо что то куда то добавить,только куда?)
Заранее спасибо
#
Re: Изменения в bootstap
a.vdovkin@yahoo.com писал(а):
как сделать чтобы эти два контейнера тоже были адаптивны,при сужение страницы.(Я знаю что надо что то куда то добавить,только куда?)
Заранее спасибо



<div class="row">
  <div class="col-sm-3">.col-1</div>
  <div class="col-sm-3">.col-2</div>
  <div class="col-sm-3">.col-3</div>
  <div class="col-sm-3">.col-4</div>
</div>


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]
#
Re: Re: Изменения в bootstap
Цитата:
<div class="row">
  <div class="col-sm-3">.col-1</div>
  <div class="col-sm-3">.col-2</div>
  <div class="col-sm-3">.col-3</div>
  <div class="col-sm-3">.col-4</div>
</div>


Прошу прощение за глупый вопрос,но куда это все вставлять ?вот мой код
<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>
#
Re: Изменения в bootstap
a.vdovkin@yahoo.com писал(а):
Прошу прощение за глупый вопрос,но куда это все вставлять ?вот мой код

Вы представили только кусок верстки, в данном случае надо смотреть полный сайт, так как может этот блок зависит от других блоков.
E-mail: info@syrbek.ru / телега: @syrbek /skype: activexm / syrbek.ru / Поддержка сайтов / г. Москва [HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, Git, SVN, Redmine]
#
Re: Изменения в bootstap
Хорошо вот сайт smicasea.kz
#
Re: Изменения в bootstap
a.vdovkin@yahoo.com писал(а):
Хорошо вот сайт smicasea.kz

Часть <header> надо по хорошему переверстать , как разбить колонки я вам выше привел пример.
E-mail: info@syrbek.ru / телега: @syrbek /skype: activexm / syrbek.ru / Поддержка сайтов / г. Москва [HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, Git, SVN, Redmine]
#
Re: Изменения в bootstap
Seri писал(а):
Часть <header> надо по хорошему переверстать , как разбить колонки я вам выше привел пример.

В общем блок <header> должен выглядеть так:
<header>
    <div class="row" style="margin-top:20px;">
        <div class="col-sm-3"><!-- Logo -->
            <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>

Я вам уже сверстал
E-mail: info@syrbek.ru / телега: @syrbek /skype: activexm / syrbek.ru / Поддержка сайтов / г. Москва [HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, Git, SVN, Redmine]
#
Re: Изменения в bootstap
Seri писал(а):
Спасибо вам большое))Побольше бы таких людей как вы
Авторизация