Let's introduce this new lesson on text and colors, starting from the official bootstrap documentation
within colors, under utilities.
As you can see, we have all the basic colors inserted automatically in bootstrap, where primary corresponds
to light blue, secondary to great success to green, danger to red and so on.
Obviously, these types of applications are classes which get inserted in addition to the main classes,
as we have seen before, that are containers or rows or columns, etc, etc. But they can also be simply
added to spans to identify then the color of the text like in this case or to the A's to identify the
color of the links to background as we have already seen.
And last, that can be inserted as gradients of the background themselves.
Getting back to our Visual Studio code screen, let's modify all the contents we created so far.
Let's start modifying the structure of our columns.
Deleting the dash two and 10 with the aim for the columns created to be dynamic and adaptable to the
container and to the browser where the display lets now insert the third column and let's choose some
different types of columns for them.
Let's start from a red one.
Then a yellow one, which we are going to delete from road, given that anyway, our columns will occupy
the whole row and then with the green type of color that's inserted, then some MS.
Into our three deaths.
Let's say and refresh.
As you see, we have a setting which gets updated according to the containers, weeds as seen in the
previous lessons, and we have now some background colors which perfectly suit the contain text as well.
Obviously, we want to see how to exploit also the other peculiarities our callers offer.
Therefore, let's start giving a different color also to the text we inserted in the classes, for example,
text light within the first day of, let's say, refresh and see that the content will switch from black
to white.
We may then decide to insert.
A great text.
Therefore, tax secondary into the latest column we created.
As you can see, we have a great text.
Now that we have a rough idea on how the colors get inserted with bootstrap, we may get on with other
modifications to the text, which can be seen within text in the documentation.
You can select a justified alignment, left position, center or right position, in addition to also
assess a dimension based on viewport.
And therefore, as we have seen for the container on the browser resolution, after that, we might
perform quite a number of operations, such as straight to the text from lowercase to uppercase, or,
for example, set only the initial letters as uppercase that is capitalized or else assess whether a
text should be inserted with the bold, normal or even light weight.
Sure, you'll remember the definitions of the various fonts.
And last weekend's attacks in italics.
You can insert also a text declaration in the links.
As none underlined.
Getting back to our screen, then you can define our text.
As, for instance, font weight older are for saving and refreshing.
We see that the text contained in our first column will be bold less than insert a center text.
And perhaps a possible.
Approx.
For the whole continent after that, let's refresh and see that we have the tech as centered in our
central column and all uppercase in our right hand side column.
So also in this case, thanks to the bootstrap documentation, you can see all the peculiarities this
framework offers and then insert all the classes you fancy to embellish and improve every single detail
or a paragraph or else any other tag inserted into the page itself.