CODEWITHSUNDEEP
csstwitter-bootstrap
nofear87
nofear87

Reputation: 869

import external bootstrap css is not working

.bootstrap {
    @import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js");
}

This is not working. Any ideas? Is there a way to debug this?

Thank you!

Upvotes: 0

Views: 3715

Answers (2)

Gildas.Tambo
Gildas.Tambo

Reputation: 22643

Use @import only in css file 

 @import url("stylesheetB.css");

so in your case 

 @import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css");

reference

for js files use the script tag

 <script src=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js></script>

visit getbootstrap under css to get familiar with bootstrap classes and grid

That means the full HTML structural elements

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <title></title>
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimal-ui" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="author" content="" />
    <link rel="shortcut icon" href="favicon.ico">
    <!--<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />-->
  <style>
  @import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css");
   
</style>
</head>

<body>

  <header>
<!-- header content goes in here -->
  </header>

  <nav>
<!-- navigation menu goes in here -->
  </nav>

  <section id="sidebar1">
<!-- sidebar content goes in here -->
  </section>

  <section id="main" class=container>
<!-- main page content goes in here -->
  </section>

  <aside>
<!-- aside content goes in here -->
  </aside>

  <footer>
<!-- footer content goes in here -->
  </footer>
 <script src=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js></script>
   </body>
</html>

Upvotes: 2

tomtomtom
tomtomtom

Reputation: 899

You should try 

 @import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js");

Why wrapping into a boostrap{} ?

Upvotes: 1

Related Questions