Los nuevos desarrolladores generalmente enfrentan problemas al implementar o agregar bootstrap a sus proyectos. El problema ocurre principalmente al implementar el arranque en todo el proyecto (es decir, en todos los archivos requeridos) sin agregar la hoja de estilo y el script en cada página del proyecto.
En este artículo, hemos proporcionado una forma simplificada de lo mismo.
Ejemplo sin usar Bootstrap:
<!DOCTYPE html>
<html>
<head>
<style>
.green {
color: green;
}
.yellow {
color: yellow;
}
.red {
color: red;
}
.blue {
color: blue;
}
.grey {
color: grey;
}
</style>
</head>
<body>
<h1>Geeksforgeeks</h1>
<p class="green">This text is in green color</p>
<p class="yellow">This text is in yellow color</p>
<p class="red">This text is in red color</p>
<p class="blue">This text is in blue color</p>
<p class="grey">This tag is in grey color</p>
</body>
</html>
<!DOCTYPE html><html> <head> <style> .green { color: green; } .yellow { color: yellow; } .red { color: red; } .blue { color: blue; } .grey { color: grey; } </style></head> <body> <h1>Geeksforgeeks</h1> <p class="green">This text is in green color</p> <p class="yellow">This text is in yellow color</p> <p class="red">This text is in red color</p> <p class="blue">This text is in blue color</p> <p class="grey">This tag is in grey color</p> </body> </html> |
Publicación traducida automáticamente
Artículo escrito por GeeksforGeeks y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA