i just finished the "build a website" lesson and got a little into bootstrap.
Now I tried to apply what I have learned, but i just did not succeed.
I got a nav bar and a jumbotron to work just fine. But next i wanted to place a picture and next to it, a box with a colored background and some text in in. The box should have the same height als the picture next to it and the text should be vertically alligned inside the box. The box also should not be seperated from the image, meaning there should net be a gap between them, they are supposed to be "docked on" to each other.
Using the "row" class and thow divs with col-md-4 i got the picture and the text next to each other(horizontally) without a problem. But everything else just wont look as i want it. The image div and the div containing the text and background color are seperated, also the text only shows alligned to the top of the picture next to it.
Can someome plz tell me a general way with css/bootstrap how to do what I want to achieve?
Picture and text next to each other
text with background-color
no gap between those elements
text vertically centered?