Joomla 3 html module - how to manage its content?

Question

Joomla

Honestly, I don’t have the strength anymore, I don’t understand how to implement it. Before that, I was waiting for 2.5 and bootstrap 2, I created a module in the template, inserted a picture into it, wrote the code in index.php

<div class="row-fluid">
                    <div class="span12 module1 center">
                        <jdoc:include type="modules" name="module1" style="xhtml" />
                    </div>

where center is the class I created in the css file with the value the margin: 0 auto;
image was centered and became rubbery, but now bootstrap3 and joomla3 it adjoins the left edge and does not change size when scaling. At the moment, it seems to be the actual code for version 3 of bootstrap

<div class="row">
                    <div class="col-xs-12col-md-12 col-lg-12 module1 center">
                        <jdoc:include type="modules" name="module1" style="xhtml" />
                    </div>

but it doesn’t align it! It seems to align the module itself, but not the picture. Of course, I wrote the img-responsive picture directly in the Joomla editor, but for example, I need the picture inside the module to occupy different positions for different screen resolutions and not just the central one, for example

<div class="hidden-xs">
                            <div class="col-md-12> pull-left left">
<jdoc:include type="modules" name="module1" style="xhtml"/>
                            </div>

<div class="visible-xs">
                            <div class="col-md-12> pull-right right">
<jdoc:include type="modules" name="module1" style="xhtml"/>
                            </div>

that is, in different resolutions, the picture should be on the left or on the right, as in the code above, but for some reason it does not react. How can I do what I need now?

Answer 1

You do not write styles correctly and you have a lot of quotes. Even if you write them correctly, it will turn out that you align a block of 12 columns wide in the center.
It's good to know CSS first, and then layout for frameworks.
PS And the alignment class has already been created for you. getbootstrap.com/css/#helper-classes-center

Answer 2

I don’t understand, but where exactly are the extra quotes? And which styles are not correct?