Convivencia del framework bootstrap 3.3.7 con Websitex5 
Autore: Rafael EspinosaEstoy desarrollando una página web con la última versión de websitex5, la página es de un laboratorio de investigación del gobierno de México. Esta pidiendo que se ponga un cintillo con el siguiente código que esta usando un framework de bootstrap:
<!-- Add HTML code to the header or the footer.
For example, you can use the following code for loading the jQuery library from Google CDN:<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
or the following one for loading the Bootstrap library from MaxCDN:<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
-- End of the comment -->
<!DOCTYPE html><html lang="es"> <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>Ejemplo de nueva página para GOB.mx</title>
<!-- CSS --> <link href="/favicon.ico" rel="shortcut icon"> <link href="https://framework-gb.cdn.gob.mx/assets/styles/main.css" rel="stylesheet"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Respond.js soporte de media queries para Internet Explorer 8 --> <!-- ie8.js EventTarget para cada nodo en Internet Explorer 8 --> <!--[if lt IE 9]><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ie8/0.2.2/ie8.js"></script> <![endif]-->
</head> <body>
<!-- Contenido --> <main class="page"> <div class="container">...</div> </main>
<!-- JS --> <script src="https://framework-gb.cdn.gob.mx/gobmx.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</body></html>
Cuando pongo el código me inhibe el menu de la página. Hay algún problema de convivencia con bootstrap.
Gracias
(It > Es) ... para evitar conflictos, pon el código:
<!DOCTYPE html><html lang="es"> <head>
***
</body></html>
... en una página externa independiente, con el Bloc de notas de Windows, y luego importe esta página a un IFRAME de la página de su sitio ...
ciao
.
KolAsim, muy buen TIP, lo voy a aplicar yo tambien en caso de tener algun problema de esos.
Saludos colegas!
(It > Es) ... hola Carlos, he estado usando IFRAME desde 2004, contra la tendencia, ya que estaban en desuso...
... ciao
.
Hola KolAsim! Yo los sigo usando tambien pero para otras cosas... pero me pareció buena la idea de usarlo para cuando tenemos conflictos con nuestros estilos, y es una forma facil de solucionarlo!
Muchas gracias nuevamente por la idea!
Saludos colega...
Carlos A.