За последние 24 часа нас посетили 20829 программистов и 1132 робота. Сейчас ищут 359 программистов ...

Нужна помощь bootstrap

Тема в разделе "HTML и CSS", создана пользователем Неугомонный, 19 мар 2019.

  1. Неугомонный

    Неугомонный Активный пользователь

    С нами с:
    10 фев 2018
    Сообщения:
    192
    Симпатии:
    3
    Всем привет, первый раз ковыряю bootstrap ничего не выходит :(
    Подскажите как сделать чтобы {lastdate} было выравнивание справа по краю при просмотре с ПК а с телефона по центру ?
    HTML:
    1. <div class="col-md-9 col-xs-12">
    2.                     {lastdate}
    3.                     <ul class="profile-tabs">
    4.                     [not-logged]
    5.                         <li><a href="javascript:void(0)" onclick="openTab(event, 'user-profile')" class="tablinks" id="openTab">{usertitle}</a></li>
    6.                         <li><a href="javascript:void(0)" onclick="openTab(event, 'user-edit-profile')" class="tablinks">Редактировать профиль</a></li>
    7.                     [/not-logged]
    8.                     [not-group=5]<li>{pm}</li>[/not-group]
    9.                     </ul>
    10.                 </div>
     
  2. rewuxiin

    rewuxiin Активный пользователь

    С нами с:
    17 апр 2012
    Сообщения:
    611
    Симпатии:
    87
    голый бутстрап тебе не поможет. нужно всеравно знать css и использовать media запросы для адаптивности

    ты это {lastdate} оберни хотя бы во что нибудь
    например <div class="lastdate">{lastdate}</div>

    в css
    Код (CSS):
    1. .lastdate{
    2.  display: block;
    3.  text-align: right;
    4. }
    5. @media (max-width: 768px){
    6.  .lastdate{
    7.    text-align: center;
    8.  }
    9. }