Bootstrap is an open-source and free front-end framework used to develop websites. This software framework is one of the most popular frameworks used for responsive websites. With Bootstrap, it is very easy to create mobile-friendly websites.
Bootstrap, developed by the Twitter team, also supports HTML5 and CSS3. It provides a good grid system and has an extensive list of components.
To use Bootstrap, it needs to be supported in all browsers. The HTML5 tag is required to start our website. The following code must be in the first line to indicate that a page is HTML5.
<!DOCTYPE html>
Then we need to include Bootstrap CSS in our page. If we are 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 it is the fastest and takes up the least space.
Now let's talk about the conveniences of Bootstrap. If we want a website to be compatible with all devices and tablets, we can easily achieve this with a single line of code using Bootstrap.
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
Adding this code snippet between <head> tags will be sufficient.
Below is an example of a page created with Bootstrap. You can use this as inspiration for further development.
<!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>
Bootstrap, developed by the Twitter team, also supports HTML5 and CSS3. It provides a good grid system and has an extensive list of components.
To use Bootstrap, it needs to be supported in all browsers. The HTML5 tag is required to start our website. The following code must be in the first line to indicate that a page is HTML5.
<!DOCTYPE html>
Then we need to include Bootstrap CSS in our page. If we are 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 it is the fastest and takes up the least space.
Now let's talk about the conveniences of Bootstrap. If we want a website to be compatible with all devices and tablets, we can easily achieve this with a single line of code using Bootstrap.
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
Adding this code snippet between <head> tags will be sufficient.
Below is an example of a page created with Bootstrap. You can use this as inspiration for further development.
<!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>