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

Question

[Diversia]

Подскажите пожалуйста, как в bootstrap 3 для sidebar сделать ширину 300px.
Важно, чтобы адаптивная верстка не пострадала.

https://codepen.io/Dmitrycode/pen/GRobOQB

<div class="container">
	<div class="row">
		<div class="col-md-9 content">left</div>
		<div class="col-md-3 sidebar"> sidebar</div>
	</div>
</div>

Пробовал так:

@media only screen and (min-width : 1350px) {
	.container {
	   width: 1320px;
	}
}

С этим решением есть проблема. На некоторых webOS TV LG не правильно показывается: за края заезжает. С ПК если растягивать окно, проблема не наблюдается. Скорее всего надо другой подход.

Answer 1

[Diversia]

нашел решение, может кому поможет как и мне:

@media (min-width: 1200px) {
    .sidebar { width:330px; }
    .content { width:calc(100% - 330px);}
}

Comments

[Алексей Голягин]

Это называется, нужна фиксированная ширина - отвязывайся от bootstrap) А так молодец, сам спросил - сам ответил)