Jump to content
Please Use CODE Tags

Does boostrap work in a html compiler?

kriptcs
By kriptcs
in Programming
 Share
Go to solution Solved by SCHISCHKA,
6 minutes ago, JasonHS said:

alrighty then:

<!DOCTYPE html>
<html>

<body>
<div class="row">
 <div class="col-xs-2">
<a href="#"><img class="smaller-image slim-black-border image-align img-responsive" alt="First time with a deck" src="https://bit.ly/fcc-relaxing-cat"></a>
</div>
   <div class="col-xs-2">
<a href="#"><img class="smaller-image slim-black-border right img-responsive" alt="First time with a deck" src="https://bit.ly/fcc-relaxing-cat"></a>
  </div>
  </div>
</body>

</html>

you are missing the scripts to run bootstrap. Need to refer back to the intro lessons on html, css, javascript. 

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="row">
 <div class="col-xs-2">
<a href="#"><img class="smaller-image slim-black-border image-align img-responsive" alt="First time with a deck" src="https://bit.ly/fcc-relaxing-cat"></a>
</div>
   <div class="col-xs-2">
<a href="#"><img class="smaller-image slim-black-border right img-responsive" alt="First time with a deck" src="https://bit.ly/fcc-relaxing-cat"></a>
  </div>
  </div>
</body>
</html>

 

Posted

i tried using bootstrap columns in an html compiler but it doesn't work..did I do something wrong,or the compiler simply doesn't support bootstrap? http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic

Ryzen 9 7900x w/ LIAN LI Galahad 240  +   MSI RTX 3060
32GB @ 4800 mhz Corsair Vengeance + ASUS TUF X670e-PLUS

Seasonic Focus+ 750w

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

were you trying to share code with that link? it only shows the default contents

             ☼

ψ ︿_____︿_ψ_   

Link to comment
Share on other sites
Link to post
Share on other sites
Posted
  • Author
1 minute ago, SCHISCHKA said:

were you trying to share code with that link? it only shows the default contents

no,i wanted to show you what compiler i use,in case it matters

Ryzen 9 7900x w/ LIAN LI Galahad 240  +   MSI RTX 3060
32GB @ 4800 mhz Corsair Vengeance + ASUS TUF X670e-PLUS

Seasonic Focus+ 750w

Link to comment
Share on other sites
Link to post
Share on other sites
Posted
  • Author
2 minutes ago, SCHISCHKA said:

that link you provided isn't the code editor used in the bootstrap section of w3schools. http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_default&stacked=h

doesn't work. I paste my code and there and it;s the same.I also tried keeping the columns,but they got one under another as soon as i ran my code..

Ryzen 9 7900x w/ LIAN LI Galahad 240  +   MSI RTX 3060
32GB @ 4800 mhz Corsair Vengeance + ASUS TUF X670e-PLUS

Seasonic Focus+ 750w

Link to comment
Share on other sites
Link to post
Share on other sites
Posted
3 minutes ago, JasonHS said:

doesn't work. I paste my code and there and it;s the same.I also tried keeping the columns,but they got one under another as soon as i ran my code..

you won't be able to get any help if you do not post your code

             ☼

ψ ︿_____︿_ψ_   

Link to comment
Share on other sites
Link to post
Share on other sites
Posted
  • Author
1 minute ago, SCHISCHKA said:

you won't be able to get any help if you do not post your code

alrighty then:

<!DOCTYPE html>
<html>

<body>
<div class="row">
 <div class="col-xs-2">
<a href="#"><img class="smaller-image slim-black-border image-align img-responsive" alt="First time with a deck" src="https://bit.ly/fcc-relaxing-cat"></a>
</div>
   <div class="col-xs-2">
<a href="#"><img class="smaller-image slim-black-border right img-responsive" alt="First time with a deck" src="https://bit.ly/fcc-relaxing-cat"></a>
  </div>
  </div>
</body>

</html>

Ryzen 9 7900x w/ LIAN LI Galahad 240  +   MSI RTX 3060
32GB @ 4800 mhz Corsair Vengeance + ASUS TUF X670e-PLUS

Seasonic Focus+ 750w

Link to comment
Share on other sites
Link to post
Share on other sites
Posted
  • Solution
6 minutes ago, JasonHS said:

alrighty then:

<!DOCTYPE html>
<html>

<body>
<div class="row">
 <div class="col-xs-2">
<a href="#"><img class="smaller-image slim-black-border image-align img-responsive" alt="First time with a deck" src="https://bit.ly/fcc-relaxing-cat"></a>
</div>
   <div class="col-xs-2">
<a href="#"><img class="smaller-image slim-black-border right img-responsive" alt="First time with a deck" src="https://bit.ly/fcc-relaxing-cat"></a>
  </div>
  </div>
</body>

</html>

you are missing the scripts to run bootstrap. Need to refer back to the intro lessons on html, css, javascript. 

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="row">
 <div class="col-xs-2">
<a href="#"><img class="smaller-image slim-black-border image-align img-responsive" alt="First time with a deck" src="https://bit.ly/fcc-relaxing-cat"></a>
</div>
   <div class="col-xs-2">
<a href="#"><img class="smaller-image slim-black-border right img-responsive" alt="First time with a deck" src="https://bit.ly/fcc-relaxing-cat"></a>
  </div>
  </div>
</body>
</html>

 

             ☼

ψ ︿_____︿_ψ_   

Link to comment
Share on other sites
Link to post
Share on other sites
Posted
  • Author
1 minute ago, SCHISCHKA said:

you are missing the scripts to run bootstrap. Need to refer back to the intro lessons on html, css, javascript. 


<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="row">
 <div class="col-xs-2">
<a href="#"><img class="smaller-image slim-black-border image-align img-responsive" alt="First time with a deck" src="https://bit.ly/fcc-relaxing-cat"></a>
</div>
   <div class="col-xs-2">
<a href="#"><img class="smaller-image slim-black-border right img-responsive" alt="First time with a deck" src="https://bit.ly/fcc-relaxing-cat"></a>
  </div>
  </div>
</body>
</html>

 

i am a freecodecamp user,and i've never seen such thing,tho i am only a few lessons in bootstrap.Thank you,tho!

Ryzen 9 7900x w/ LIAN LI Galahad 240  +   MSI RTX 3060
32GB @ 4800 mhz Corsair Vengeance + ASUS TUF X670e-PLUS

Seasonic Focus+ 750w

Link to comment
Share on other sites
Link to post
Share on other sites
Posted
12 minutes ago, JasonHS said:

i am a freecodecamp user,and i've never seen such thing,tho i am only a few lessons in bootstrap.Thank you,tho!

I think you should do the first few HTML and javascript lessons on w3

             ☼

ψ ︿_____︿_ψ_   

Link to comment
Share on other sites
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing Programming

×