at the moment we are creating courses on our Moodle site ( Moodle 3.5, Boost theme).Basicly the courses consists of text pages - activities. The texts are more or less float texts and images. There could be one centered picture only in a line or e.g. a picture with a text box right hand site in one line.
Of course I want to make it responsive and provide a good solution for different screen sizes.So I want to use e.g. https://getbootstrap.com/docs/4.0/layout/grid/
Because of Bootstrap the html-content inside the text pages - activities is inside tags such as
<div id="page" class="container">
<header id="page-header" class="row">
<div class="col-12 pt-3 pb-3">
So I startet creaing content like so:
<!-- adding a picture -->
<img src="example.svg" class="mx-auto d-block img-responsive" style="width:50%">
<figcaption style="width:84%;" class="mx-auto d-block"><b>caption text </b></figcaption></div>
So what would you recomend ? ... to wrap the text inside the activity in yet another
for "styling" the whole text. Are there targeted how tos for this cases ?
...looking forward to your answers & Experiences.