Bootstrap is a UI kit CSS framework and on the other hand Tailwind is a utility first CSS framework. So, the difference is UI (User Interface). That means bootstrap gives you complete user interface itself with responsiveness. On the other hand tailwind is utility first CSS framework.A utility-first library simply means that unlike Bootstrap, Tailwind doesn’t give us automatically prestyled components. Rather, it gives us utility classes that help us style our component in certain ways and allows us to build our own classes using these utility classes.

The CSS box model is a container that contains multiple properties including borders, margin, padding, and the content itself. It is used to create the design and layout of web pages. It can be used as a toolkit for customizing the layout of different elements.

Semantic HTML is a style of writing HTML that focuses on labelling code usefully and meaningfully to both the developer and the browser.For instance, the div and span elements tell nothing about their content. While semantic elements such as form table and article clearly state what it’s content is meant to display within their tags.