Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ Setting Up the Development Environment | Creating a Portfolio Website with Bootstrap
Bootstrap Foundations

bookSetting Up the Development Environment

メニューを表示するにはスワイプしてください

1. Create a New HTML File

Start by creating a new HTML file for your portfolio website. You can name it index.html or any other preferred name.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Portfolio</title>
  </head>
  <body></body>
</html>

2. Link Bootstrap CSS and JavaScript Files

Link Bootstrap CSS and JavaScript files to your HTML file. You can use CDN links or download Bootstrap files and link them locally.

<!-- Bootstrap CSS -->
<link
  href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
  rel="stylesheet"
/>

<!-- Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>

Result

index.html

index.html

copy

Note

You can choose to work locally on the platform or use a code editor such as Visual Studio Code, Sublime Text, or any other editor you prefer to write HTML and CSS.

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 5.  2

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 5.  2
some-alt