Styling with External CSS libraries

External CSS libraries consist of pre-defined CSS styles that you can readily apply to your application without the need to create styles from scratch. For instance, Bootstrap is a well-known CSS library that enables you to achieve perfect alignment, responsiveness, and an attractive appearance for your application with a simple inclusion using a <link> tag.

Here are a few steps that you can take to include external CSS libraries in your application

Step 1: Find an External CSS library First, you need to choose a CSS library that suits your project's needs. Popular CSS libraries include Bootstrap, Foundation, Bulma, Materialize, and many others. These libraries provide pre-designed styles and layout components that you can easily incorporate into your project.

Step 2: Import the library using CDN CDN allows you to import a library using a link without downloading the library. As for Bootstrap, you can include it in your project like the below,

<!-- Link to Bootstrap CSS via a CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

Now you can apply the styles directly to your application like the below,

<button class="btn btn-primary">Click me</button>

You'll get all the predefined styles in the documentation or official website of the library you selected.