El código HTML que se proporciona a continuación no sigue la hoja de estilo que se proporciona en el enlace.
Ver el siguiente código:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Demo </title>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="viewport" content="width=device-width" />

    <link href="https://raw.githubusercontent.com/nkg447/static/master/static/bootstrap3/css/bootstrap.css" rel="stylesheet" />


</head>
<body>

<div class='container'>
    <h1>nofacebook </h1>
    <h4 align="right"></h4>
    <ul class="nav nav-pills ct-blue">

              <li><a href="/">Home</a></li>

              <li><a href="/register/">Register</a></li>

              <li><a href="/login/">Login</a></li>

              <li><a href="/about/">About</a></li>

              <li><a href="/contact/">Contact</a></li>

        </ul>
</div>
</body>
</html>

El código anterior no da estilo al HTML según el enlace CSS

<link href="https://raw.githubusercontent.com/nkg447/static/master/static/bootstrap3/css/bootstrap.css" rel="stylesheet" />
0
Nikunj Gupta 16 ene. 2018 a las 15:27

3 respuestas

La mejor respuesta

Es porque GitHub realmente no está destinado a ser utilizado como CDN y, como tal, sirve el archivo como texto sin formato. Puede usar este enlace en su lugar:

https://cdn.rawgit.com/nkg447/static/master/static/bootstrap3/css/bootstrap.css

3
Jon Snow 16 ene. 2018 a las 12:28

Si abre las herramientas de desarrollador, verá una advertencia que le indica que el archivo CSS se transfiere como un archivo en lugar de una hoja de estilo y, por lo tanto, no se carga.

GitHub no es un almacenamiento de CDN y no es compatible con esto.

Le sugiero que lea el sitio web de bootstraps https://getbootstrap.com/docs/3.3/getting- iniciado / y usa uno de los cdns que recomiendan allí

0
Andreas Andersson 16 ene. 2018 a las 12:31

github no es un CDN.

Intente usar el CSS de bootstrap - bootstrapcdn.com

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" rel="stylesheet" />

Da estilo a la página como se esperaba: https://jsfiddle.net/ajthomascouk/4sm9cs00/

0
Alex 16 ene. 2018 a las 12:34