I am missing the point of Tailwind?

Don't you get the same effect and functionality from simply adding style attributes directly on the elements in HTML?

Why is that approach considered bad practice, while Tailwind, which is effectively the same – but with shortened names – accepted as common practice?

As the article states, at least with Bootstrap you are sharing common behaviour with a single class name that can then be modified globally.