In this tutorial we are going to use Bootstrap Studio to create Apple’s iconic home page. We’ll put it together with our drag and drop builder, write some CSS, and publish it online as a real website. Get Bootstrap Studio at https://bootstrapstudio.io

Image assets we used
https://bootstrapstudio.io/resources/apple-website/images.zip

The final Bootstrap Studio design
https://bootstrapstudio.io/resources/apple-website/apple-website.bsdesign

source

49 Comments

  1. Hello.. I cant show my styles.css classes only. I always have to click and search trough the html to find my own classes. I see that you could just click on styles.css next to your Styles-field. I dont have that option. Any suggestions?

  2. Good tutorial. When he selects the navibar and go to css -> and hit the create, the whole class name is inserted into the stylesheet (e.g. ".navbar .navbar-dark .navbar-expand-md fixed-top .bg-dark"). However, when I do it, only the ".navbar" appears in the stylesheet (css file). The same is true for the subsequent link elements. When he does it, the class name is displayed as ".navbar-dark .navbar-nav .nav-link". But when I try it, the style is created only for the anchor element "a" in the stylesheet. Is there any settings to be turned on

  3. I LOVE this tool. Have been using it for YEARS. I only WISH they would release a "Tailwind Studio" now that everyone I know is transitioning away from Bootstrap.

    It is also adorable how the announcer says "Buddins" and "Liberry". 🥰

  4. Thank you. Thank you for making an inexpensive tool that doesn't require paying 15$ a month just to keep your website running. Some of these subscription services are quite good, but are expensive and often force you to stay on their platform. Here you can just export your website and have all the controls you can think of for your website. The only real competitor in this regard that I know of costs 100$ more so..

    Keep up the good work and don't resort to turning your program into a subscription-based vicious circle please 🙂

  5. The speed at which the author duplicates and changes classes is crazy.. blink and you will miss a chunk of css get copied.. SLOW DOWN A BIT PLEASE 😀 Other than that great tutorial.

  6. This is a perfect example of how NOT to do a tutorial video.

    He moves way too fast, assumes the viewer is already familiar with every component of the software, and doesn't explain what he's doing before he does it. You have to keep your eye on his cursor at all times or else you'll have to rewind and try again.

    The product is great, but his tutorials are simply awful. There are many better videos online for learning Bootstrap Studio.

  7. Hey man can u please help me out … i dont know anything about css and coding stuff … and i cannot see what you are coding so please please help me out …by providing a code sheet or anything else … please help me out sir

  8. I really enjoyed the tutorial; however, it was going too fast. There wasn't any explanation or demonstration of the interface. There were hiccups that I encountered that were not explained. The two images in the grid (the iPhone 8 and Apple Watch) were tall in height that they overflowed over the other sections. Luckily, I fixed it, but please take your time to explain every detail.

Leave A Reply

Please enter your comment!
Please enter your name here