Мой контейнер-жидкость Ширина уменьшается на устройствах xs в ответственном режиме - PullRequest
Новая
       27

Мой контейнер-жидкость Ширина уменьшается на устройствах xs в ответственном режиме

0 голосов
/ 15 ноября 2018

Пример

OBS: я использую ReactJS, причина 'className' вместо 'class'

бутстрап 4.1

есть проблема, которую я не могу решить. С точки останова sm мой контейнер начинает уменьшаться в ширину и не завершает 100% на устройствах xs, например iphone5s или в адаптивном режиме. Я уже использую col-12. Спасибо! 

<div className='container-fluid'>
  <div className='row'>
    <div className='col-12 col-sm-12 col-md-12 col-lg-2 col-xl-2 bg-primary d-flex align-items-center justify-content-center'>
     <div><h2 className='nav nav-brand text-white'>LOGO</h2></div>
     <nav className='nav navbar d-flex align-items-center justify-content-center'>
     <div className='position-relative d-block d-sm-none d-none d-sm-block d-md-none'>
        <ul className='nav'>
          <li className='nav-item'><a href='#' className='nav-link'><img className='img-fluid' src={imgUiHaveNotifications} style={{width: '1em'}} /></a></li>
          <a href='#'><span className='badge badge-pill badge-danger position-absolute mt-3 shadow mb-5 rounded-circle' style={{top: -5, right: 78}}>5</span></a>
          <li className='nav-item '><a href='#' className='nav-link'><img className='rounded-circle' src={imgAvatar} style={{width: '1.5em'}} /><img src={imgMoreIcon} style={{width: 20}} /></a></li>
        </ul>
      </div>
    </nav>
  </div>
  </div>
  </div>
...