How to center (horizontal) image inside column ?

Bootstrap Studio Help
1

I am trying to find it but its not there. Am i missing something or .. do i have to write CSS code ?

2

I'd add a img-responsive class to the image and margin: 0 auto; but I think you can instead also add a center-block class. See http://getbootstrap.com/css/#images

Responsive images Images in Bootstrap 3 can be made responsive-friendly via the addition of the .img-responsive class. This applies max-width: 100%;, height: auto; and display: block; to the image so that it scales nicely to the parent element.

To center images which use the .img-responsive class, use .center-block instead of .text-center. See the helper classes section for more details about .center-block usage.

That said, it's quite normal to write css code when you create a website.

3

If you don't know how to write css,

Then you could always insert a paragraph, centre align that and drag your image in that way.

But would be easier and better workflow to do as saj suggests

4

I create a custom css class for each of my projects. Should be a default directly from Bootstrap, but it's not.

.centered { float: none; margin-left: 0; margin-right: 0; }

I add that to my CSS as a default to every project at the start. Makes it simple to just add a class to images and other elements. If you do this then all you need to do for images is add the centered to the class box, and check the responsive in the settings of the element and you're all set.

5

Wait.. what did I say? :)

I usually do as Chris describes but normally with a div, but it's probably more ideal as marrco suggested. I'll have to check that out next time I need do something like that.

Saj

6

Whoops sorry saj I thought it was your post not Marrcos ?

7

This may be of help

https://css-tricks.com/centering-css-complete-guide/

8

Thanks for your replies. I used CSS.