Cannot import external Bootstrap Theme

Bootstrap Studio Help
1

I am trying to import external Boostrap Theme: Valera - Bootstrap One Page Theme | BootstrapMade (Free version).

After importing everything, it opens html files as blank with rotating throbbler.

I saw this link but I do not understand if he says that I need an ARM processor (which I do not have): Importing BootstrapMade Templates into Bootstrap Studio

2

Look at the bottom of your overview panel, you will find a div with id of preloader.

Right click on this and select hide. This should show the rest of the design.

Once you have finished your edits and before you publish your site, right click to show the preloader div

3

Works like a charm. Thank you :grinning:

4

You can also move the preloader’s css to the head section like this
then you don’t see the preloader inside BSS, but will be there when export, preview or plublish the design

<style>
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #ff7f5d;
  border-top-color: white;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
</style>