Как в bootstrap задать размер изображения по размеру col?

Question

[maksimkoh]

Как в bootstrap задать размер изображения по размеру col? Перерыл кучу страниц, но ничего не нашел по поводу адаптированию изображений к ширине контейнера.
К примеру имеется такой кусок кода:

<div class="container"> <!-- музыка -->
		<div class="row">
			<div class="col-md-6">
				<img src="img/disc.png">
			</div>
			<div class="col-md-6">
				<h2>Now playing</h2>
			</div>
		</div>
	</div>

А в итоге изображение вылезает за границы своего контейнера. Как исправить?

Answer 1

[Alexander]

display: inline-block

Comments

[maksimkoh]

Точно + img-resposive прописать

Answer 2

[Артем Спиридонов]

Добавьте какой-нибудь класс контейнеру, чтобы управлять этим поведением.

.wrap_images img 
{
    width: 100%
    height: auto;
}

<div class="col-md-3 wrap_images">
    <img src="/">
</div>