Editor online di Bootstrap

Code
Result

Siti CDN di Bootstrap

Puoi sostituire le versioni di Bootstrap nel codice con i seguenti CDN:

  1. https://cdn.bytedance.com/?query=bootstrap&version=5.1.2
  2. https://www.bootcdn.cn/twitter-bootstrap/

Come utilizzare l'editor online di Bootstrap?

Tre semplici passi
  1. Nell'editor di codice a sinistra, scrivi o incolla il tuo codice Bootstrap.
  2. Clicca sul pulsante "Esegui" per eseguire il tuo codice Bootstrap.
  3. Il risultato verrà visualizzato nella sezione a destra.

Cosa è l'editor online di Bootstrap?

L'editor online di Bootstrap consente di eseguire il tuo codice Bootstrap direttamente online senza bisogno di un server web. Non è necessario utilizzare un editor di testo locale per modificare i file Bootstrap sul tuo computer.

In questo modo, puoi visualizzare rapidamente i risultati dell'esecuzione di Bootstrap, utilizzando l'editor ACE che riconosce errori o avvisi nel codice e fornisce un feedback chiaro e interattivo per migliorare le prestazioni del tuo codice. Puoi scrivere o incollare il codice Bootstrap come segue:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Editor online di Bootstrap</title>
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

<!--[if lt IE 9]>
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>Ciao, mondo</h1>
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>

Funzionalità dell'editor online di Bootstrap

  1. Editor o tester online semplice e conveniente per Bootstrap
  2. Completamento automatico delle parole chiave.
  3. Offre diversi temi di progettazione.