Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Udarbejdelse af Færdighedssektionen | Oprettelse af et Porteføljewebsite med Bootstrap
Bootstrap-Essentials til Moderne Websites

bookUdarbejdelse af Færdighedssektionen

1. Opret færdighedssektionen

Design en sektion til at give detaljer om dine tekniske færdigheder og værktøjer.

<section id="skills" class="skills-section py-5">
  <div class="container">
    <div class="row">
      <div class="col-6">
        <h2 class="text-primary mb-4">Technical Skills</h2>
        <ul class="list-unstyled">
          <li class="text-danger me-2">HTML5</li>
          <li class="text-danger me-2">CSS3</li>
          <li class="text-danger me-2">JavaScript</li>
          <!-- Add more skills here -->
        </ul>
      </div>
      <div class="col-6">
        <h2 class="text-primary mb-4">Tools</h2>
        <ul class="list-unstyled">
          <li class="text-danger me-2">Bootstrap</li>
          <li class="text-danger me-2">jQuery</li>
          <li class="text-danger me-2">Git</li>
          <!-- Add more tools here -->
        </ul>
      </div>
    </div>
  </div>
</section>

2. Tilføj tekniske færdigheder og værktøjer

Tilføj tekniske færdigheder og værktøjer i hver kolonne ved hjælp af Bootstraps typografi- og listestilklasser. Tilpas indholdet med dine specifikke færdigheder og værktøjer, og tilføj nye elementer efter behov.

Resultat

index.html

index.html

copy
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 5. Kapitel 6

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Awesome!

Completion rate improved to 3.23

bookUdarbejdelse af Færdighedssektionen

Stryg for at vise menuen

1. Opret færdighedssektionen

Design en sektion til at give detaljer om dine tekniske færdigheder og værktøjer.

<section id="skills" class="skills-section py-5">
  <div class="container">
    <div class="row">
      <div class="col-6">
        <h2 class="text-primary mb-4">Technical Skills</h2>
        <ul class="list-unstyled">
          <li class="text-danger me-2">HTML5</li>
          <li class="text-danger me-2">CSS3</li>
          <li class="text-danger me-2">JavaScript</li>
          <!-- Add more skills here -->
        </ul>
      </div>
      <div class="col-6">
        <h2 class="text-primary mb-4">Tools</h2>
        <ul class="list-unstyled">
          <li class="text-danger me-2">Bootstrap</li>
          <li class="text-danger me-2">jQuery</li>
          <li class="text-danger me-2">Git</li>
          <!-- Add more tools here -->
        </ul>
      </div>
    </div>
  </div>
</section>

2. Tilføj tekniske færdigheder og værktøjer

Tilføj tekniske færdigheder og værktøjer i hver kolonne ved hjælp af Bootstraps typografi- og listestilklasser. Tilpas indholdet med dine specifikke færdigheder og værktøjer, og tilføj nye elementer efter behov.

Resultat

index.html

index.html

copy
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 5. Kapitel 6
some-alt