2017-02-18 3 views
0

Я хотел переместить изображение в центр, но не уверен, как бы он ни был.Bootstrap изображение не идет в центр

У меня есть "container-fluid", затем обматывают "row" и "col-md-12" даже попытался с padding:0 и он по-прежнему не отображается должным образом.

Оценка за любые комментарии.

enter image description here

+0

Добавить 'Дисплей: table' к этому классу изображения и добавить' ширина: 100%, поплавок: левый, 'родительскому DIV изображения' Col-мкр-12' –

ответ

1

Вы должны добавить Div этот код:

<div class = " col-md-12 col-sm-12 col-xs-12" 

Col-мкр-12 - для Dekstop Col-см-12 - для таблеток Col-XS -12 - для телефонов

и margin: 0 auto не работает.

+0

вы правы, мне нужно для перехода на ** col-xs-12 ** и с ** margin: 0 auto ** для работы. –

1

Попробуйте использовать класс текстового центра Bootstrap.

<div class="row"> 
<div class="col-xs-12 col-sm-12 ... text-center"> 
    <img ... /> 
</div> 
</div>