# Bootstrap Studio Help

**URL:** https://forum.bootstrapstudio.io/c/help-and-how-to/6.md

[Latest](https://forum.bootstrapstudio.io/latest.md) · [Categories](https://forum.bootstrapstudio.io/categories.md)

---

## [About the Bootstrap Studio Help category](https://forum.bootstrapstudio.io/t/about-the-bootstrap-studio-help-category/1594)

<div class="topic-metadata">

**Author:** [@bootstrapstudio](https://forum.bootstrapstudio.io/u/bootstrapstudio)\
**Replies:** 3\
**Last updated:** [October 28, 2022, 4:20pm UTC](https://forum.bootstrapstudio.io/t/about-the-bootstrap-studio-help-category/1594 "2022-10-28T16:20:42Z")

</div>

Wonder how to do something in Bootstrap Studio or got some power tips? Write here.

---

## [Drag and Drop help](https://forum.bootstrapstudio.io/t/drag-and-drop-help/12794)

<div class="topic-metadata">

**Author:** [@davidcummins7](https://forum.bootstrapstudio.io/u/davidcummins7)\
**Replies:** 3\
**Last updated:** [September 15, 2026, 2:48am UTC](https://forum.bootstrapstudio.io/t/drag-and-drop-help/12794 "2026-09-15T02:48:15Z")

</div>

I was under the impression from a few marketing videos that I could drag and drop a basic website. What I discovered, however, is that I need to code. That said, I can code a site the old-fashioned way, but I could have …

---

## [Date Picker Format Output](https://forum.bootstrapstudio.io/t/date-picker-format-output/12791)

<div class="topic-metadata">

**Author:** [@michael-mcgee](https://forum.bootstrapstudio.io/u/michael-mcgee)\
**Replies:** 9\
**Last updated:** [September 6, 2026, 3:42am UTC](https://forum.bootstrapstudio.io/t/date-picker-format-output/12791 "2026-09-06T03:42:38Z")

</div>

Am I able to change the date format in the date picker to show Australian date output, i.e 31/08/2026? Currently when my form processes with bootstrap studio smart forms the date comes in like 2026/08/31. Is there any wa…

---

## [Horizontal Line with Text in the Middle](https://forum.bootstrapstudio.io/t/horizontal-line-with-text-in-the-middle/12789)

<div class="topic-metadata">

**Author:** [@ManBearPig](https://forum.bootstrapstudio.io/u/ManBearPig)\
**Replies:** 1\
**Last updated:** [August 31, 2026, 8:56pm UTC](https://forum.bootstrapstudio.io/t/horizontal-line-with-text-in-the-middle/12789 "2026-08-31T20:56:39Z")

</div>

Can’t figure out how to put a horizontal line with text in the middle. The only way so far is to use one row with three columns, but as soon as you switch to a small screen, lines are placed top and bottom. See image b…

---

## [Too large HTML file](https://forum.bootstrapstudio.io/t/too-large-html-file/12790)

<div class="topic-metadata">

**Author:** [@bernd.schaaf](https://forum.bootstrapstudio.io/u/bernd.schaaf)\
**Replies:** 0\
**Last updated:** [August 27, 2026, 1:16pm UTC](https://forum.bootstrapstudio.io/t/too-large-html-file/12790 "2026-08-27T13:16:30Z")

</div>

My former co-worker left a project behind that has one very large HTML file, which contains a lot of Modal elements. Working with this in the editor is a pain, changing anything needs up to 3 minutes (!!), and while the …

---

## [AnythingLLM & Bootstrap Studio 8](https://forum.bootstrapstudio.io/t/anythingllm-bootstrap-studio-8/12788)

<div class="topic-metadata">

**Author:** [@mark.logan2010](https://forum.bootstrapstudio.io/u/mark.logan2010)\
**Replies:** 6\
**Last updated:** [August 20, 2026, 12:00pm UTC](https://forum.bootstrapstudio.io/t/anythingllm-bootstrap-studio-8/12788 "2026-08-20T12:00:19Z")

</div>

Hi everyone, I recently purchased Bootstrap Studio 8, and I’d really like to use its Assistant feature with a local AI model instead of relying on a cloud-based AI service. I’m currently running AnythingLLM locally on …

---

## [Removing code lines](https://forum.bootstrapstudio.io/t/removing-code-lines/12785)

<div class="topic-metadata">

**Author:** [@piromedia](https://forum.bootstrapstudio.io/u/piromedia)\
**Replies:** 2\
**Last updated:** [August 11, 2026, 10:38am UTC](https://forum.bootstrapstudio.io/t/removing-code-lines/12785 "2026-08-11T10:38:32Z")

</div>

When I export the website, lines of code are added that I would like to remove (duplicate canonicals with different URL links). The problem is that I cannot find those lines of code within the BSS interface, only in the …

---

## [Placing a Landmark](https://forum.bootstrapstudio.io/t/placing-a-landmark/12784)

<div class="topic-metadata">

**Author:** [@piromedia](https://forum.bootstrapstudio.io/u/piromedia)\
**Replies:** 2\
**Last updated:** [August 10, 2026, 1:34pm UTC](https://forum.bootstrapstudio.io/t/placing-a-landmark/12784 "2026-08-10T13:34:40Z")

</div>

Dear everyone, I am looking for a way to place a piece of Landmark code (role) within BSS in a header or a navbar. For example: \<nav role=“navigation”\> Does BSS have something smart built in for this? It probably does, …

---

## [Problem exporting from the designer](https://forum.bootstrapstudio.io/t/problem-exporting-from-the-designer/12783)

<div class="topic-metadata">

**Author:** [@carvaco](https://forum.bootstrapstudio.io/u/carvaco)\
**Replies:** 4\
**Last updated:** [August 8, 2026, 8:54am UTC](https://forum.bootstrapstudio.io/t/problem-exporting-from-the-designer/12783 "2026-08-08T08:54:15Z")

</div>

I have a problem: I deleted a file called bs-init.js that the AI assistant generated, but it still shows in the export of the HTML files. How can I clean this? It is not shown in the designer windows. The first image is …

---

## [Duplicate CSS Files](https://forum.bootstrapstudio.io/t/duplicate-css-files/12780)

<div class="topic-metadata">

**Author:** [@Gondwana](https://forum.bootstrapstudio.io/u/Gondwana)\
**Replies:** 2\
**Last updated:** [August 7, 2026, 1:36am UTC](https://forum.bootstrapstudio.io/t/duplicate-css-files/12780 "2026-08-07T01:36:47Z")

</div>

When I drag a User component into my project’s stage, the component’s CSS file gets added a second time, with a -1 suffix (eg, my-component-1.css). This shouldn’t be necessary because the project already contained instan…

---

## [Project won't open after save & restart - Gone](https://forum.bootstrapstudio.io/t/project-wont-open-after-save-restart-gone/12778)

<div class="topic-metadata">

**Author:** [@timespider](https://forum.bootstrapstudio.io/u/timespider)\
**Replies:** 6\
**Last updated:** [July 31, 2026, 3:16am UTC](https://forum.bootstrapstudio.io/t/project-wont-open-after-save-restart-gone/12778 "2026-07-31T03:16:08Z")

</div>

Running the Linux version to build BSS Projects. Hi I have spent days creating a demo & saving then closing my laptop many times. Today I closed BSS and did the usual restart then went to open the pinned project & noth…

---

## [BS Studio Swiper](https://forum.bootstrapstudio.io/t/bs-studio-swiper/12777)

<div class="topic-metadata">

**Author:** [@michael-mcgee](https://forum.bootstrapstudio.io/u/michael-mcgee)\
**Replies:** 0\
**Last updated:** [July 15, 2026, 11:13am UTC](https://forum.bootstrapstudio.io/t/bs-studio-swiper/12777 "2026-07-15T11:13:57Z")

</div>

I would like to use the BS swiper to create a card slider. I have put 3 cards into the swiper slide, but when I shrink the screen to mobile view. I would like the swiper to only display 1 card, but it shows all 3 still a…

---

## [Carousel Colour Overlay](https://forum.bootstrapstudio.io/t/carousel-colour-overlay/12776)

<div class="topic-metadata">

**Author:** [@michael-mcgee](https://forum.bootstrapstudio.io/u/michael-mcgee)\
**Replies:** 2\
**Last updated:** [July 15, 2026, 6:46am UTC](https://forum.bootstrapstudio.io/t/carousel-colour-overlay/12776 "2026-07-15T06:46:21Z")

</div>

I am trying to put a color overlay over the top of my hero carousel image in my carousel. At this stage I cannot get this to work. Anyone have any ideas?

---

## [Google variable font “Mulish.”](https://forum.bootstrapstudio.io/t/google-variable-font-mulish/12768)

<div class="topic-metadata">

**Author:** [@JCWEB](https://forum.bootstrapstudio.io/u/JCWEB)\
**Replies:** 0\
**Last updated:** [June 19, 2026, 5:05am UTC](https://forum.bootstrapstudio.io/t/google-variable-font-mulish/12768 "2026-06-19T05:05:15Z")

</div>

Hello everyone, I’d like to use the Google variable font “Mulish.” How do I download variable fonts in BSS? Gemini suggested the following code, given that my Bootstrap file is customized. My primary goal is to avoid…

---

## [Why does the HTML break when I bring it into Bootstrap Studio?](https://forum.bootstrapstudio.io/t/why-does-the-html-break-when-i-bring-it-into-bootstrap-studio/12752)

<div class="topic-metadata">

**Author:** [@GoActive](https://forum.bootstrapstudio.io/u/GoActive)\
**Replies:** 41\
**Last updated:** [June 16, 2026, 4:24am UTC](https://forum.bootstrapstudio.io/t/why-does-the-html-break-when-i-bring-it-into-bootstrap-studio/12752 "2026-06-16T04:24:32Z")

</div>

I’ve been trying to use ChatGPT and even Kimi K 2.6. For helping make some HTML pages. But when I drag them in or load them in to Bootstrap Studio, they’re broke every time. The color top formatting style disappears. I…

---

## [I don't understand why something gets flagged here when it's information to help](https://forum.bootstrapstudio.io/t/i-dont-understand-why-something-gets-flagged-here-when-its-information-to-help/12765)

<div class="topic-metadata">

**Author:** [@GoActive](https://forum.bootstrapstudio.io/u/GoActive)\
**Replies:** 4\
**Last updated:** [June 15, 2026, 8:26pm UTC](https://forum.bootstrapstudio.io/t/i-dont-understand-why-something-gets-flagged-here-when-its-information-to-help/12765 "2026-06-15T20:26:08Z")

</div>

I posted information on how to Instruct AI so it actually works really well with Bootstrap Studio and it is working and this information was flagged and taken down. This is the exact information I wish I had available b…

---

## [Some AI instructions to give AI to help it understand how to create pages that will work in Bootstrap Studio](https://forum.bootstrapstudio.io/t/some-ai-instructions-to-give-ai-to-help-it-understand-how-to-create-pages-that-will-work-in-bootstrap-studio/12763)

<div class="topic-metadata">

**Author:** [@GoActive](https://forum.bootstrapstudio.io/u/GoActive)\
**Replies:** 1\
**Last updated:** [June 13, 2026, 1:40am UTC](https://forum.bootstrapstudio.io/t/some-ai-instructions-to-give-ai-to-help-it-understand-how-to-create-pages-that-will-work-in-bootstrap-studio/12763 "2026-06-13T01:40:04Z")

</div>

After spending a tremendous amount of time trying to use AI to create pages and then load them into Bootstrap Studio only to see them getting messed up constantly, I thought I had a workaround that was working. Only to …

---

## [Make a gallary of images that auto sorts](https://forum.bootstrapstudio.io/t/make-a-gallary-of-images-that-auto-sorts/12762)

<div class="topic-metadata">

**Author:** [@ath0rus](https://forum.bootstrapstudio.io/u/ath0rus)\
**Replies:** 6\
**Last updated:** [June 13, 2026, 1:25am UTC](https://forum.bootstrapstudio.io/t/make-a-gallary-of-images-that-auto-sorts/12762 "2026-06-13T01:25:32Z")

</div>

Hi, BSS noob here, Is there a way I can setup gallery of images like in this pic where all the images are positioned in such a way to take up empty space. I am fine for the bottom to be messy as this will be on the near…

---

## [Three questions 2 on working with the nav bar](https://forum.bootstrapstudio.io/t/three-questions-2-on-working-with-the-nav-bar/12755)

<div class="topic-metadata">

**Author:** [@GoActive](https://forum.bootstrapstudio.io/u/GoActive)\
**Replies:** 8\
**Last updated:** [June 12, 2026, 6:59pm UTC](https://forum.bootstrapstudio.io/t/three-questions-2-on-working-with-the-nav-bar/12755 "2026-06-12T18:59:04Z")

</div>

I posted this as a sample site I am working on, you can see it here. https://panama-work.bss.design I have a lot of pages already ready to go. Many of them are just a copy of one right now I need to change but I have t…

---

## [Layering Two Images](https://forum.bootstrapstudio.io/t/layering-two-images/12756)

<div class="topic-metadata">

**Author:** [@TheodorShep](https://forum.bootstrapstudio.io/u/TheodorShep)\
**Replies:** 1\
**Last updated:** [June 9, 2026, 4:30am UTC](https://forum.bootstrapstudio.io/t/layering-two-images/12756 "2026-06-09T04:30:11Z")

</div>

Hi, community! \<3 I recently bought Bootstrap Studio last week and today is the first time diving into the software. I have a basic layout of what I want. In the middle of the green fire I’d like the logo to be laye…

---

## [Centering content properly](https://forum.bootstrapstudio.io/t/centering-content-properly/12760)

<div class="topic-metadata">

**Author:** [@TheodorShep](https://forum.bootstrapstudio.io/u/TheodorShep)\
**Replies:** 1\
**Last updated:** [June 8, 2026, 3:03pm UTC](https://forum.bootstrapstudio.io/t/centering-content-properly/12760 "2026-06-08T15:03:05Z")

</div>

Hi there. I’m trying to centre a heading and paragraph in one row, and an image in the other nicely in the middle of the view port. Despite trying many options in flexbox etc I can’t seem to make it look centred properl…

---

## [How can I get my page link to go out of the blog loop back to a regular page?](https://forum.bootstrapstudio.io/t/how-can-i-get-my-page-link-to-go-out-of-the-blog-loop-back-to-a-regular-page/12757)

<div class="topic-metadata">

**Author:** [@GoActive](https://forum.bootstrapstudio.io/u/GoActive)\
**Replies:** 7\
**Last updated:** [June 2, 2026, 8:55pm UTC](https://forum.bootstrapstudio.io/t/how-can-i-get-my-page-link-to-go-out-of-the-blog-loop-back-to-a-regular-page/12757 "2026-06-02T20:55:21Z")

</div>

If you go to look at the blog loop page here… And then click on a blog post. https://panama-work.bss.design/Blog/sunday-in-panama-city.html At that point, when you click on any of the menu items, like contact, or ev…

---

## [What can I change in this to make this not have an error when it's being checked?](https://forum.bootstrapstudio.io/t/what-can-i-change-in-this-to-make-this-not-have-an-error-when-its-being-checked/12726)

<div class="topic-metadata">

**Author:** [@GoActive](https://forum.bootstrapstudio.io/u/GoActive)\
**Replies:** 14\
**Last updated:** [June 2, 2026, 2:56am UTC](https://forum.bootstrapstudio.io/t/what-can-i-change-in-this-to-make-this-not-have-an-error-when-its-being-checked/12726 "2026-06-02T02:56:20Z")

</div>

When doing a speed test, this is one of the biggest areas where it’s saying I can increase the speed by fixing these items. I know what a few of them are. The fill in form and some of the fonts. I’m not sure what the oth…

---

## [Does the fill-in-form work to test when you're just using it local?](https://forum.bootstrapstudio.io/t/does-the-fill-in-form-work-to-test-when-youre-just-using-it-local/12753)

<div class="topic-metadata">

**Author:** [@GoActive](https://forum.bootstrapstudio.io/u/GoActive)\
**Replies:** 2\
**Last updated:** [May 30, 2026, 10:54am UTC](https://forum.bootstrapstudio.io/t/does-the-fill-in-form-work-to-test-when-youre-just-using-it-local/12753 "2026-05-30T10:54:07Z")

</div>

Trying to test to see if this fill-in form is just a newsletter sign-up to put an email address in. I turned on the forum, registered my email address to the B1 to be sent to, but it’s not working. Will this work when …

---

## [Not able to access premium template , need help?](https://forum.bootstrapstudio.io/t/not-able-to-access-premium-template-need-help/12751)

<div class="topic-metadata">

**Author:** [@Prashant](https://forum.bootstrapstudio.io/u/Prashant)\
**Replies:** 3\
**Last updated:** [May 27, 2026, 6:26am UTC](https://forum.bootstrapstudio.io/t/not-able-to-access-premium-template-need-help/12751 "2026-05-27T06:26:48Z")

</div>

I have lifetime licence still i am not able to access premium template from bootstrap studio. please hemp me attaching you screen shots.

---

## [Smartform - not working](https://forum.bootstrapstudio.io/t/smartform-not-working/12750)

<div class="topic-metadata">

**Author:** [@kspoor](https://forum.bootstrapstudio.io/u/kspoor)\
**Replies:** 3\
**Last updated:** [May 23, 2026, 11:47am UTC](https://forum.bootstrapstudio.io/t/smartform-not-working/12750 "2026-05-23T11:47:09Z")

</div>

I have been using a smartform with a client site. No issues that I heard of. Had to change the form recipient email - entered, validated, and applied. Moved the page over to the server, and now it is not functioning. Al…

---

## [Configuration for Jan](https://forum.bootstrapstudio.io/t/configuration-for-jan/12744)

<div class="topic-metadata">

**Author:** [@cappelletto](https://forum.bootstrapstudio.io/u/cappelletto)\
**Replies:** 3\
**Last updated:** [May 20, 2026, 8:35am UTC](https://forum.bootstrapstudio.io/t/configuration-for-jan/12744 "2026-05-20T08:35:42Z")

</div>

Could you tell me how to configure Bootstrap Studio with Jan under Linux? I tried “create custom model” Provider by selecting Ollama, but it says connection failed. When connecting from curl, Jan responds correctly.

---

## [Smooth transition with Hero Carousel](https://forum.bootstrapstudio.io/t/smooth-transition-with-hero-carousel/12746)

<div class="topic-metadata">

**Author:** [@ath0rus](https://forum.bootstrapstudio.io/u/ath0rus)\
**Replies:** 3\
**Last updated:** [May 16, 2026, 12:53am UTC](https://forum.bootstrapstudio.io/t/smooth-transition-with-hero-carousel/12746 "2026-05-16T00:53:01Z")

</div>

Hi, Brootstrap Studio newbie here, apologies if I am oblivious to anything. I am trying to redesign my website and am in the process of making some design ideas to see what I like best. I have put a hero carousel on th…

---

## [Before & After Image Slider](https://forum.bootstrapstudio.io/t/before-after-image-slider/12745)

<div class="topic-metadata">

**Author:** [@rick3211](https://forum.bootstrapstudio.io/u/rick3211)\
**Replies:** 2\
**Last updated:** [May 15, 2026, 7:58am UTC](https://forum.bootstrapstudio.io/t/before-after-image-slider/12745 "2026-05-15T07:58:57Z")

</div>

Hi! I cannot for the life of me find a before & after image slider. I’m currently building a website for a client who need to be able to show before & after images. Can anyone please point me in the right direction. T…

---

## [Export BSS into iframe](https://forum.bootstrapstudio.io/t/export-bss-into-iframe/12743)

<div class="topic-metadata">

**Author:** [@krisfiktionmedia](https://forum.bootstrapstudio.io/u/krisfiktionmedia)\
**Replies:** 0\
**Last updated:** [May 11, 2026, 9:47pm UTC](https://forum.bootstrapstudio.io/t/export-bss-into-iframe/12743 "2026-05-11T21:47:28Z")

</div>

Please, how do I embed a Smart Form in Wordpress. How can I export/convert it into iframe?

[Next page](https://forum.bootstrapstudio.io/c/help-and-how-to/6.md?page=1)
