Lesson: Responsive Design with Bootstrap
Use Spans for Inline Elements
You can use spans to create inline elements. Remember when we used the
btn-block class to make the button fill the entire row?
This image illustrates the difference between
inline elements and
By using the
span element, you can put several elements together, and even style different parts of the same element differently.
Nest the word "love" in your "Things cats love" element below within a
span element. Then give that
span the class
text-danger to make the text red.
Here's how you would do this with the "Top 3 things cats hate" element:
<p>Top 3 things cats <span class = "text-danger">hate:</span></p>