![](https://i.imgur.com/9UQ54uc.gif"){kind=small}
Bootstrap is an open-source and free front-end framework used to develop websites. It is one of the most popular frameworks for creating responsive sites. With Bootstrap, it is very easy to create mobile-friendly websites.
Developed by the Twitter team, Bootstrap also supports HTML5 and CSS3. It provides a good grid system and a comprehensive list of components.
How to use Bootstrap? Bootstrap is supported in all browsers. Our website should start with the HTML5 tag. The following code should be in the first line to indicate that a page is HTML5:
<! DOCTYPE html> Then we need to include Bootstrap CSS on our page. If we're going to include it inline:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
If you prefer to include it inline:
<link rel="stylesheet" href="/bootstrap.min.css">
Here we used bootstrap.min. Because the quickest and least space-consuming bootstrap is. Now let's move on to the conveniences of Bootstrap. If we want a site to be compatible with all devices and tablets, we can achieve this with just one line of code using Bootstrap.
<meta name="viewport" content="width=device-width, initial-scale=1">
Adding this code between the <head> tags will be sufficient. I'm also sharing below an example page created with Bootstrap. You can use this as inspiration to further develop your projects.
<! DOCTYPE html>
<html lang="tr-TR">
<head>
<meta charset="UTF-8">
<title>Bootstrap Example</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!- Bootstrap Css begin ->
<link rel="stylesheet" href="/bootstrap.min.css">
<!- Bootstrap Css end ->
</head>
<body>
</body>
</html>
Developed by the Twitter team, Bootstrap also supports HTML5 and CSS3. It provides a good grid system and a comprehensive list of components.
How to use Bootstrap? Bootstrap is supported in all browsers. Our website should start with the HTML5 tag. The following code should be in the first line to indicate that a page is HTML5:
<! DOCTYPE html> Then we need to include Bootstrap CSS on our page. If we're going to include it inline:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
If you prefer to include it inline:
<link rel="stylesheet" href="/bootstrap.min.css">
Here we used bootstrap.min. Because the quickest and least space-consuming bootstrap is. Now let's move on to the conveniences of Bootstrap. If we want a site to be compatible with all devices and tablets, we can achieve this with just one line of code using Bootstrap.
<meta name="viewport" content="width=device-width, initial-scale=1">
Adding this code between the <head> tags will be sufficient. I'm also sharing below an example page created with Bootstrap. You can use this as inspiration to further develop your projects.
<! DOCTYPE html>
<html lang="tr-TR">
<head>
<meta charset="UTF-8">
<title>Bootstrap Example</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!- Bootstrap Css begin ->
<link rel="stylesheet" href="/bootstrap.min.css">
<!- Bootstrap Css end ->
</head>
<body>
</body>
</html>