my pleasure @richards
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?
CSS files can be directly imported into Bootstrap Studio.
@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:
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.
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
Thank you @jo-r, you basically said it all.
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.
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.
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?
I will look into it shortly today.
Thank you for the report
I will fix it ASAP, inshaAllah
Sounds good good luck
Thank you very much @R.Omer
@R.Omer Awesome! Thanks bunches!
I would like to ask a friend if in my case, is there a way I can import my site into BSS?
I have several pages in subfolders, is there any way to import this site keeping the directories, folders?
I created the site in BSS and then I made changes in VS Code, now I would like to import the entire project back into BSS.
Thanks in advance and congratulations for the tool, it is excellent!
Example in the attached image.
You can use the tool he wrote (link is above just updated), but it may not come out exactly the same as many of the rows/cols etc. may end up as divs. You can easily replace those should you choose to though by adding one in, putting the same classes/id’s into them and then just move the content into the new row/col. I haven’t worked with it a lot yet, but I’m thinking that’s probably the main thing you’ll find different. Other than that it should import your HTML pages for you. You can then import any CSS, JS and Images to the project manually.
Thanks, what I would like to do is import all the HTML of the project respecting the hierarchy of the directories, I have a folder with subfolders and I wanted to import this way to the converter, but I don’t think it will be possible.
hmm no I don’t think so either, but … you can try it and see if it respects the hierarchy or not. Nothing to lose by trying right?