Как в bootstrap 3 сделать для sidebar ширину 300px?

В Bootstrap 3 для задания ширины боковой панели (sidebar) в 300 пикселей, вы можете использовать сетку (Grid system) и классы CSS, предоставленные Bootstrap.

Сначала убедитесь, что у вас есть правильная структура HTML-кода для боковой панели и основного содержимого. Обычно боковую панель помещают в один контейнер, а основное содержимое в другой.

Пример структуры HTML-кода:

<div class="container">
  <div class="row">
    <div class="col-md-3">
      <!-- Боковая панель -->
    </div>
    <div class="col-md-9">
      <!-- Основное содержимое -->
    </div>
  </div>
</div>

Затем, чтобы установить ширину боковой панели в 300 пикселей, вам нужно применить к соответствующему элементу класс col-md-3, где md указывает, что это применяется для ширины величиной больше или равной 992 пикселям (средний размер экрана), и 3 означает, что этот столбец занимает 3 части от 12-ти.

<div class="col-md-3" style="width: 300px;">
  <!-- Боковая панель -->
</div>

Таким образом, указав width: 300px; в атрибуте style, вы непосредственно задаёте желаемую ширину боковой панели.

Не забудьте также скорректировать ширину основного содержимого, чтобы оно занимало оставшееся пространство:

<div class="col-md-9">
  <!-- Основное содержимое -->
</div>

Теперь боковая панель будет иметь ширину 300 пикселей, а основное содержимое займет оставшееся пространство на странице.

Обратите внимание, что Bootstrap 3 использует 12-колоночную сетку, поэтому общая ширина внутри строки (row) должна быть равной 12, т.е. сумма ширин всех столбцов должна быть равна 12.