Templates are awesome. I wish they would update the Twitter bird to the new x logo in the footers

Please keep the updates coming!

I am a WordPress user but got tired of it and thinking to buy Bootstrap Studio but my main work involves heavy use of Dynamic Data and Queries and could not find any video showing how to do this Using BS, is it possible in BS?

i just discovered bootstrap studio after countless builders. Oh My Dear God... you have just made my life so much easier! I love the new features, tracking down stock images or icons for a quick build is sometimes tedious and time consuming. I know its currently a debate so in my developer's opinion, i think bootstrap studio beats out webflow any day of the week!

Thanks Boostrap team ! ! ! !

Does it integrate with an existing WordPress website to edit it?

Tables

Insane value for a 1 time purchase 😲 something feels off 😅

2024 and still there's no full support for external bootstrap templates.

If you chanced on this, purchase this tool. It is wonderful.

I'd like to see a filter using Bootstrap Studio for filtering activities such as on a tourism site please :-)

Do you have to use Reflow with an ecoomerce site?

No regrets. Just purchased.

Video Title: Designing a Beautiful Portfolio Website in Bootstrap Studio Video Text: hey guys in today's video we will be designing a single page portfolio it will have a large photo with a parallax effect a hire me button and a grid of recent projects we begin with an empty bootstrap 5 design i have prepared the photos that we'll use ahead of time just drag and drop them in our next task is to add a new font from google fonts it is called work sans we will need several font weights in our design then we create a new css block that will hold our changes the app will automatically choose the body selector for the block set the font we imported here so it can take effect after this we need to customize the bootstrap theme this will override bootstrap's colors from a single place i have a text file prepared with the colors we need i'll just copy over the primary info and dark colors set the text color make the page background dark and change the font weight we can now start laying down the page by dropping a header inside it we will add a parallax background component change its height to 600 pixels and select the header photo in the animation tab next we will add a container again create a new css block to hold the changes and then set a height and a max width this will make the element taller and narrower so it looks good on every screen size inside the container we will drop a heading and a paragraph we need these elements to stick to the bottom of the container to do this we will use the flexbox group of options remember to switch to the smallest device breakpoint this is because the flex settings are mobile first and are applied to the selected size and larger as a result the text will appear on the bottom on every screen size as for the text itself let's copy it over first the heading and then the paragraph we will make the heading big and bold the paragraph also needs to be a bit bigger to apply custom styling to it without affecting all other paragraphs on the page we need to give it a custom class name then select the class name and give the element some padding i'll give it a dark background and apply a bottom margin with bootstraps mb utility class we'll begin the next section by dropping a main component inside it we will add a section and a container to speed things up select the section and duplicate it a couple of times with the command d shortcut on mac or control d on windows add a paragraph in the container and copy the introduction text from the document we also need to make this text bigger with the font size option to create the social media icons we add a list element and switch it to inline style leave only the first list item inside it we drop an icon remove the surrounding text and switch it to the twitter icon from font awesome 5. select the parent and duplicate it double-click each of the copies to change them multi-select the three icons by clicking while holding command on mac or control on windows and apply a larger font size to all of them we just need to give them a bit of horizontal margin with the bootstrap m e class let's move on to the banner drop a div in the container and give it a unique class name create a new css block for it and select it grab a paragraph and place it in the div apply some padding to offset it from the sides then center the text choose background color and set a border radius make the paragraph larger and replace its text drop a button after the paragraph change its text make it dark and increase its size make it uppercase and bold as well grab an icon and place it after the text double-click to change it to a chevron for the project part of the portfolio we will start with a heading change the text and switch it to h2 search for a row and place it after the heading after this add a column finally add a card with overlay we will give the row a bit of vertical padding to give the project card some room to improve the responsiveness of the page we will use the per row option by setting it to 1 we make the card take the entire width of the window on medium width devices we will show 2 per row and on extra large and above we will show three select and delete the elements in the card leaving only the image double click it and choose the first project then select the column and duplicate it a few times to give the card's vertical offsets we will override a bootstrap css variable to do this select the row give it a unique class name and create a css block then just give a value to the gutter y custom property all that's left is to change the project images the last section of the website is the footer drop a footer component in the body and inside it add a row with two columns the footer itself will need a custom background color expand and select it here add some vertical padding then drop a div inside the column add a couple of paragraphs as well i'll copy over the text from our notes it will be best if we replace the heart emoji with an icon so it fits with the rest of the design make the first paragraph larger and bolder and remove the bottom margin the footer has a copy of the same social icons we made earlier so we can just copy them over to copy press command c on mac or ctrl c on windows right click and choose paste linked this will create a synced copy of the icon so they remain identical regardless of which copy we edit let's see how the design looks on smartphones we need to center the footer content to do this use the alignment option give the element some vertical space use the py utility class to center the icons we will use the flexbox group to clear the extra space on the bottom use the mb0 class on medium-sized screens we need to undo the centering we'll just use the flexbox group and text align option again another thing we need to improve is to give our section some padding multi-select them by clicking while holding shift then assign the py utility class to all of them 5 is a bit too much in our case so i'll set it to 4 on all screen sizes and to 5 only on large displays with this our design is complete in the next videos of the series we will enhance the portfolio with css animations build a working hire me form and add switching between dark and light mode as always you can grab the finished design in the description if you like this video subscribe to our channel thank you for watching you

When adding an icon to the text in my button on the card, it will only go beneath or above the text, not next to it. Any solutions?

How do I change the color of an svg logo to match the current theme?

Loved that

WOW!

This software is awesome

Very good app!

Nice and export to wordpress theme support

This is an awesome update!

Best money I ever spent on a piece of software. Bootstrap Studio is almost too good to be true.

Gracias equipo, la actualización es muy útil.

Did I see correctly that the AI pictures cost money?

Great work BS team

I always make additional Werbung for you

They should make it support react components out of the box..

This is why Bootstrap Studio is so worth it. My money is worth it. Your imagination is only your limit. Keep up the good work Bootstrap Studio Team!

This is by far the best software i have ever purchased

Excelente, muito bom esses novos recursos. Estão de parabéns!

LOVE this update! Is there an import of an existing website in the making? I have several websites that I would like to import in Bootstrap Studio but that is currently impossible, files yes, but complete sites.....

BS is getting better and better as a web dev tool. It would be nice to see the developers update a bit faster. It is a very good app. Very good app!

I’ve been waiting for so long!!!

Guys are crying that it's in 2019 they discovered this software..what of me in 2024? 😂

Please activate translations in the videos, so that we can accommodate the audio in Portuguese. KZbin already allows this feature, you just need to activate it there.

For those asking about the Jumbotron: yes it was dropped in Bootstrap version 5. However if you still want to add it for the purpose of this tutorial, you can find it by clicking the Online tab in the upper left and searching for Jumbotron. Hover over the style you want and click Install. The Jumbotron will now be available as a component.

More tutorials!

Is there a similar app but using React? (not a online solution)

ALL WHO ARE READY TO WALK OUT ON PRESONUS STUDIO ONE FOR THIS DISRESPECT THEY SHOWED US PLEASE LIKE MY COMMENT. BY LIKING MY COMMENT IT WILL HELP ME TO SHOW OTHER DAWS HOW MANY USERS ARE READY TO LEAVE STUDIO ONE AND JOIN THEIR FAMILY. I WILL BE REQUESTING BY BRINGING SO MANY UPSET AND UNSATISFIED USERS FROM S1 TO THEIR DAW THAT WE ALL RECEIVE SOME FORM OF DISCOUNT AND ASSURANCE THEY CAN PROVIDE ALL S1 HAS AND HAS NOT. THE MADNESS HAS TO STOP NOW!!!! SUPPORT THE MOVEMENT FOR OUR RIGHTS AS LONG TERM USERS AND NEW COMERS TO S1 TO NOT BE DISRESPECTED,CHEATED,MANIPULATED OR ANY OF THE SORTS BY THE LIKES OF S1 OR ANY OTHER DAW TO EXCERSISE OUR DREAM OUR PASSION OUR LOVE OUR NATURAL BORN RIGHT TO BE CREATORS OF MUSIC

somebady know too edit the smaller asset image compared to the larger image? What kind of preparations did he make for the images sizes?

plse make possible ipload custom icons

Does smart forms work in an "offline" mode on internal websites?

@BootstrapStudioApp Are you forced to "publish" to your website for the cart? or can we publish to our own website server?

but create page? noooooo?

It starts with the projects page already open, without explaining how to get there. Still looking for it. Annoying it doesn't just show the person clicking on the button that brings that up.

I'd love to see an option to add emojis 🎉😂😢😮😅😊❤

Thanks for this update, about the passkey feature, there should be a feature that only allow specific email addresses to access a website, so the website creator gives access to specific email addresses, and the website visitor inputs their email, and if they have access an OTP is delivered to them by email to access the website. This will be a wonderful feature, this way, the website creator will in addition be able to track who visits the site at what time.