Deseo que cuando cambie a modo celular xs, la imagen se muestre a la derecha del title. por ejemplo para el titulo quede col-xs-9 y la imagen quede con col-xs-3. Anteriormente hice esta pregunta para boostrap 3, lo cual la solución de ejemplo es la siguiente:
<div class="col-xs-4 col-sm-3 pull-right col-md-12">
<img src="@Url.Content(rutafoto)" alt="" class="img-responsive" style="max-width:100px;" />
<div>
<header class="col-xs-8 col-sm-9 col-md-12 ">
<a href="#">
<h2>Title</h2>
</a>
</header>
Dando como solución la clase pull-right,
Pero en este caso, para boostrap4, he probado con el float-right y el float-sm-right reemplazando el pull-right, pero no funciona. ¿Como podría solucionarlo?¿Podría haber algun ejemplo?
-------parte nueva editada---
Así como quiero que se vea en pantalla grande o en pc
y así como deseo que se vea en celular:
---fin parte editada---
Les dejo el link de la pregunta anterior para boostrap 3.