# Update: Convert your HTML to Bootstrap Studio Document (.bsdesign)

**URL:** <https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942>\
**Category:** Tips and Tricks\
**Created:** [June 15, 2022, 4:44pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942 "2022-06-15T16:44:36Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![R.Omer](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/r.omer/32/3158_2.png) [@R.Omer](https://forum.bootstrapstudio.io/u/R.Omer)\
**Post date:** [June 15, 2022, 4:44pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/1 "2022-06-15T16:44:36Z")

</div>

Hello fellow community  
I have added feature to convert multiple html files in a single bsdesign project, due to some construction I was unable to spend anytime on it, sorry for delay.  
[Covert HTML to Bootstrap Studio File (.bsdesign)](https://html2bsdesign.com/)

---

<div class="post-metadata">

**Author:** ![jo-r](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/jo-r/32/1926_2.png) [@jo-r](https://forum.bootstrapstudio.io/u/jo-r)\
**Post date:** [June 15, 2022, 5:46pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/2 "2022-06-15T17:46:07Z")

</div>

So awesome @R.Omer and welcome back! Thanks so much!

---

<div class="post-metadata">

**Author:** ![R.Omer](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/r.omer/32/3158_2.png) [@R.Omer](https://forum.bootstrapstudio.io/u/R.Omer)\
**Post date:** [June 15, 2022, 6:35pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/3 "2022-06-15T18:35:13Z")

</div>

Thank you so very much @jo-r

---

<div class="post-metadata">

**Author:** ![richards](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/richards/32/3163_2.png) [@richards](https://forum.bootstrapstudio.io/u/richards)\
**Post date:** [June 15, 2022, 7:32pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/4 "2022-06-15T19:32:47Z")

</div>

Fantastic Job. This (the single page version) came in handy earlier, I had a job from 2019 that I had lost the bsdesign file. There was a page with 100+ logos that I managed to convert and incorporate into the new design. So thanks again

---

<div class="post-metadata">

**Author:** ![R.Omer](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/r.omer/32/3158_2.png) [@R.Omer](https://forum.bootstrapstudio.io/u/R.Omer)\
**Post date:** [June 15, 2022, 7:38pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/5 "2022-06-15T19:38:06Z")

</div>

my pleasure @richards

---

<div class="post-metadata">

**Author:** ![Sambaji](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/sambaji/32/2210_2.png) [@Sambaji](https://forum.bootstrapstudio.io/u/Sambaji)\
**Post date:** [June 19, 2022, 3:05am UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/6 "2022-06-19T03:05:03Z")

</div>

Looks helpful. So with your online tool, would I be able to take a bootstrap website I am currently working on in VScode and convert it to .bsdesign form so I can import it? What about my custom.css file?

---

<div class="post-metadata">

**Author:** ![printninja](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/printninja/32/481_2.png) [@printninja](https://forum.bootstrapstudio.io/u/printninja)\
**Post date:** [June 19, 2022, 5:22am UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/7 "2022-06-19T05:22:02Z")

</div>

CSS files can be directly imported into Bootstrap Studio.

---

<div class="post-metadata">

**Author:** ![jo-r](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/jo-r/32/1926_2.png) [@jo-r](https://forum.bootstrapstudio.io/u/jo-r)\
**Post date:** [June 19, 2022, 3:50pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/8 "2022-06-19T15:50:03Z")

</div>

@Sambaji when you use this conversion tool what it does is take your current site and convert it to a Bootstrap Studio file (doesn’t change your original files, just makes a new file). There’s no importing needed, anything in your current site would be already in the file (provided it’s html, css, scss, images and js).

Your custom CSS files are untouched so they will be the same in the new project it creates as it was in the current project outside of BSS.

Then you just open that file with Bootstrap Studio and keep on working. Hope that clarifies it better.

Also, it might help to check out this thread where it all started. Originally the tool only did one page at a time, now it is doing multiple pages:

[REMOVED]

---

<div class="post-metadata">

**Author:** ![Sambaji](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/sambaji/32/2210_2.png) [@Sambaji](https://forum.bootstrapstudio.io/u/Sambaji)\
**Post date:** [June 19, 2022, 4:08pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/9 "2022-06-19T16:08:01Z")

</div>

Thanks for your detailed response and for developing this plugin. Although I recently purchased Bootstrap Studio, I haven’t really used it yet, since I had already been learning Bootstrap while developing my simple site with VScode. However, I like the idea of experimenting with the pre-built components available through Bootstrap Studio with my site. It looks like your plugin will allow me to do that.

---

<div class="post-metadata">

**Author:** ![jo-r](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/jo-r/32/1926_2.png) [@jo-r](https://forum.bootstrapstudio.io/u/jo-r)\
**Post date:** [June 19, 2022, 4:17pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/10 "2022-06-19T16:17:49Z")

</div>

You’re quite welcome and the Kudos go to @R.Omer for creating the plugin, I’m just a user of both BSS and the plugin 🙂

---

<div class="post-metadata">

**Author:** ![R.Omer](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/r.omer/32/3158_2.png) [@R.Omer](https://forum.bootstrapstudio.io/u/R.Omer)\
**Post date:** [June 24, 2022, 1:26pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/11 "2022-06-24T13:26:54Z")

</div>

Thank you @jo-r, you basically said it all.

---

<div class="post-metadata">

**Author:** ![R.Omer](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/r.omer/32/3158_2.png) [@R.Omer](https://forum.bootstrapstudio.io/u/R.Omer)\
**Post date:** [June 24, 2022, 1:40pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/12 "2022-06-24T13:40:08Z")

</div>

hi @Sambaji,  
I thought about including the custom css files, there are few issues along the way, this feature is still on the agenda to be added to the project in the future. but I think it is far too easier to just drag and drop the files in the project. drag and drop feature does not work the same way for html files, which is the whole reason for this project. I hope this helps.

---

<div class="post-metadata">

**Author:** ![richards](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/richards/32/3163_2.png) [@richards](https://forum.bootstrapstudio.io/u/richards)\
**Post date:** [July 6, 2022, 3:59pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/13 "2022-07-06T15:59:07Z")

</div>

Hi @R.Omer, this had been reported on another thread, but not sure if you have seen it.

When a file is converted all the Paragraph tags are locked. They are still editable but cannot be deleted or moved.

![image](https://forum.bootstrapstudio.io/uploads/default/original/2X/c/c8f8103c0163fbbd48f8d7bf3a8d6b42580ceca6.png)

---

<div class="post-metadata">

**Author:** ![bsphil](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/b/7feea3/32.png) [@bsphil](https://forum.bootstrapstudio.io/u/bsphil)\
**Post date:** [July 7, 2022, 10:20am UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/14 "2022-07-07T10:20:50Z")

</div>

Hi @R.Omer great work,

i have the same problem, with the locked paragraph. They are still editable but cannot be deleted or moved. Any solution or workaround?

greets  
Phil

---

<div class="post-metadata">

**Author:** ![R.Omer](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/r.omer/32/3158_2.png) [@R.Omer](https://forum.bootstrapstudio.io/u/R.Omer)\
**Post date:** [July 14, 2022, 2:27pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/15 "2022-07-14T14:27:09Z")

</div>

hi @richards  
I will look into it shortly today.  
Thank you for the report

---

<div class="post-metadata">

**Author:** ![R.Omer](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/r.omer/32/3158_2.png) [@R.Omer](https://forum.bootstrapstudio.io/u/R.Omer)\
**Post date:** [July 14, 2022, 2:28pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/16 "2022-07-14T14:28:04Z")

</div>

Hello @bsphil  
I will fix it ASAP, inshaAllah

---

<div class="post-metadata">

**Author:** ![bsphil](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/b/7feea3/32.png) [@bsphil](https://forum.bootstrapstudio.io/u/bsphil)\
**Post date:** [July 14, 2022, 3:59pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/17 "2022-07-14T15:59:27Z")

</div>

Sounds good 🙂 good luck

---

<div class="post-metadata">

**Author:** ![R.Omer](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/r.omer/32/3158_2.png) [@R.Omer](https://forum.bootstrapstudio.io/u/R.Omer)\
**Post date:** [July 14, 2022, 6:07pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/18 "2022-07-14T18:07:28Z")

</div>

hi @bsphil, @richards, @jo-r, @nasiusii  
The issue with locked paragraph has been fixed. 🙂

---

<div class="post-metadata">

**Author:** ![richards](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/richards/32/3163_2.png) [@richards](https://forum.bootstrapstudio.io/u/richards)\
**Post date:** [July 14, 2022, 6:30pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/19 "2022-07-14T18:30:46Z")

</div>

Thank you very much @R.Omer

---

<div class="post-metadata">

**Author:** ![jo-r](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/jo-r/32/1926_2.png) [@jo-r](https://forum.bootstrapstudio.io/u/jo-r)\
**Post date:** [July 14, 2022, 11:11pm UTC](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942/20 "2022-07-14T23:11:07Z")

</div>

@R.Omer Awesome! Thanks bunches!

[Next page](https://forum.bootstrapstudio.io/t/update-convert-your-html-to-bootstrap-studio-document-bsdesign/8942.md?page=2)
