[Solved]BootStrap isn't working the way it should?-Twitch API

Hi!

Im currently doing the twitch API project and all the base parts are complete: the only issue is with the bootstrap I’m trying to use…

I basically append each section as I go with javascript, but bootstrap doesn’t seem to be working, no matter what I try.

The code in question is :

      $(".box").append('<div class="row" style="text-align:center"><div class="col-xs-2"><img class="img-responsive" src="'+logo+'" alt=""></div><div class="col-xs-2"><a href="'+link+'target="_blank">'+name+'</a></div><div class="col-xs-8" >' +playing+'</div></div>');

But even if I were to make rows and columns directly on the html, the issue persists.

Any clue as to what’s going wrong here? I imported the same things as a previous project which worked…


Thank you for the feedback!

Solution: Issue was indeed the import, it was on the second line which made an issue for some reason. All good now!

I cleaned up your code.
You need to use triple backticks to post code to the forum.
See this post for details.

1 Like

Ohh I see. Thank you!

The link to jQuery should be at the top (in the settings tab), because both Bootstrap.js and jquery-ui use it.

1 Like

Ohh okay! did not know that. Thanks so much!