Tengo dos columnas que quiero que funcionen así:
cuando estén en tamaños md y lg midan [9 | 3] y cuando sea SM la primera clumna mida 12 y la segunda pase abajo y tenga 4 de offset y sea de tamaño 8
En SM funciona correctamente pero en tamaños grandes sigue haciendo el offset el cual no quiero que lo haga, ¿el código está bien así?
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12 " id="agm">
<h2>Titulo</h2>
<hr class="primary">
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde perferendis et reiciendis ipsam iste rerum culpa. Sequi nihil tempora ut quisquam consectetur aspernatur temporibus consequuntur error molestiae. Eos ducimus doloremque fugit dolorum voluptatibus molestias quibusdam officia, voluptatum molestiae et, necessitatibus voluptas laudantium deleniti animi. Ex beatae tempore magni illo officia odit rerum autem saepe, voluptatem nobis voluptatibus minus ratione perferendis blanditiis harum, corporis totam hic fugit at laboriosam optio incidunt. Incidunt aliquid alias, voluptatum sunt deleniti reprehenderit explicabo suscipit odit modi amet aut sint cupiditate impedit maiores est quae eius. Commodi fugit sequi laborum veniam labore eligendi </p>
</div>
<div class="col-lg-3 col-md-3 col-sm-8 col-sm-offset-4 col-xs-12 text-center">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde perferendis et reiciendis ipsam iste rerum culpa. Sequi nihil tempora ut quisquam consectetur aspernatur temporibus consequuntur error molestiae. Eos ducimus doloremque fugit dolorum
</div>
</div>
mobile first
por lo que sino sobre escribes una clase xs para otros tamaños, estos también obtendrán los atributos de xs, lo mismo pasa con sm, y md