Исправлена ​​правая боковая панель в контейнере, бутстрап

Question

Я использую правую боковую панель с container классом

<div class="container">
<div class="col-8 col-md-8 col-sm-6">
main contents
</div>
<div class="col-4 col-md-4 col-sm-6 sidebar ">
side bar
</div>

Затем сделайте правую полосу с правой стороны с помощью этой CSS.

Однако, она придерживается правой стороныбраузер.

Я хочу придерживаться правой стороны ширины контейнера.

Возможно ли это?

  .sidebar {
    position: fixed;
    top:0px;
    right:0px;
    display: block;
    overflow-x: hidden;
    overflow-y: auto
  }

Answer 1

Не думаю, что я точно понял, что вы хотите. Однако ваш код не будет работать должным образом, потому что вы не обернули свои столбцы в row. Попробуйте следующее и посмотрите, хотите ли вы:

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>

<div class="container">
    <div class="row">
        <div class="col-8 col-md-8 col-sm-6">
            main contents
        </div>
        <div class="col-4 col-md-4 col-sm-6">
            side bar
        </div>
    </div>
</div>

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