Bootstrap 3 offcanvas навигационное меню размер

Question

Я пытаюсь изменить размер навигационного меню offcanvas для небольших экранов, поскольку он слишком узкий для меня. Я попытался изменить его на col-xs-12, но он все еще не работает при переключении ... https://getbootstrap.com/examples/offcanvas/

Кто-нибудь знает, как его изменить?

Answer 1

Вы изменяете пользовательский CSS для боковой панели от примера до требуемой ширины. В этом примере это 50% ширины экрана. Для того, чтобы увеличить его до 60% ..

.row-offcanvas-right 
    .sidebar-offcanvas { 
    right: -60%; 
    } 

    .row-offcanvas-left 
    .sidebar-offcanvas { 
    left: -60%; 
    } 

    .row-offcanvas-right.active { 
    right: 60%; 
    } 

    .row-offcanvas-left.active { 
    left: 60%; 
    } 

    .sidebar-offcanvas { 
    position: absolute; 
    top: 0; 
    width: 60%; 
    } 

http://www.codeply.com/go/6iCdd2Wega