Editor en línea de Bootstrap

Code

Result

Sitio web de CDN de Bootstrap

Puede usar los siguientes CDN de Bootstrap para reemplazar la versión de Bootstrap en el código:

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

¿Cómo usar el editor en línea de Bootstrap?

Tres pasos simples

En el editor de código de la izquierda, escriba o pegue su código Bootstrap.
Haga clic en el botón "Ejecutar" para ejecutar su código Bootstrap.
La salida se mostrará en el área de resultados de la derecha.

¿Qué es el editor en línea de Bootstrap?

El editor en línea de Bootstrap permite que su código Bootstrap se ejecute en línea sin necesidad de un servidor web, no necesita usar un editor de texto para editar archivos Bootstrap en su computadora.

De esta manera, puede ver rápida y fácilmente los resultados de ejecución de Bootstrap, usando el editor ace, puede identificar errores o advertencias de código y proporcionar comentarios claros y procesables para ayudarlo a mejorar el rendimiento de su código. Puede escribir o pegar código Bootstrap así:

<!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 en línea de 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>Hola, mundo</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>

Características del editor en línea de Bootstrap

Editor o probador en línea de Bootstrap simple y conveniente
Autocompletado de sugerencias de palabras clave.
Proporciona múltiples temas de diseño.