Hi there! I’m working on my first project, the Tribute Page, and though I know I have all of the elements technically necessary to submit the project and meet the requirements, I’d really like to do AT LEAST one thing before that:
My first paragraph element’s text wraps around an image (said image has the classes of float-right and col-5 to achieve the wrapping), but every time I try and caption the image, it ends up at the top of the paragraph (although properly formatted for a caption - that is, has a different font, etc) instead of below the picture!
I have tried using bootstrap v4’s “figure” element but, despite what I’m positive is correctly a correctly syntax’d figure element, all to no avail.
I have only put a few hours into this project, but I really feel as though I’ve exhausted my other avenues…Reading and searching didn’t help, so here I am asking: is there a way to do this using purely bootstrap or am I going to have to use jquery/custom css to do it (which I have succeeded in, it just feels like an incredibly clumsy way to code what should be perfectly simply and easy using bootstrap.
I’ll put a link to my codepen project at the bottom of this post, and would really appreciate any input with one rule: please if you do look at it, keep any comments limited to the topic of captioning the image. Thank you for your time, and in advance to anyone that replies!