What's the Proper Way to Import Something of Bootsnipp or Similar? -Image Inside

Hi everyone, I just purchased bootstrapstudio. I am not a professional in websites yet, so please be patient with me, thank you in advanced for your help.

I've found this website https://bootsnipp.com that has many resources. And I tried to import some of them but they look like the images are missing, or such errors.

I will give you an example to be more clear, if I want to import this https://bootsnipp.com/snippets/featured/simple-vertical-tab which it's html is:

enter image description here

I do create a "custom code" in bootstrapstudio, I add the shared code above, but it looks like this: enter image description here

What am I missing here? What I did wrong? What's the proper way to import resources from that website? I hope I was clear enough. Thank you once again.

Hello Sun, I am interessed in creating new components. Maybe we could share ourexperience. Did You import the CSS and JS too? Regards, BD

Hi Sun,

The code you are using is for Bootstrap 3.1

If you create a new design in Bootstrap Studio and choose Bootstrap 3.3.7 instead of Bootstrap 4.0 Beta 2, the page displays as it should do.

If you want to use Bootstrap 4, I believe glyphicons, aren't be shipped with bootstrap 4 anymore so you have to put a link to them. There are also license issues with them so it might be worth looking into that.

There are alternatives to glyphicons such as font awesome which are open source and free