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
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?
Nice, but the links don't work
how do i add an custom logo?
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
This guy needs to teach at university hes clear and concise with what he is saying!
Amazing
Adding custom code in order to change navbar bg-color is not working, bootstrap studio disable it immediately.
Need another tutorial!
WOOOAAAHHH. assumes far too much knowledge… need beginners ones…
please add scss pug vue or react
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". 🥰
very good
@2:52 in the video, I click on the nav item and it does not behave in the way shown. It just gives me a .nav
Wait, you're telling me that you can create the whole Apple's Home Page in like 20 minutes??!! Man, Bootstrap Studio is definitely powerful…
Wow That was Sick 😱
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 🙂
Can this be done in DreamWeaver as well, or is it only something you can do through Bootstrap Studio?
Thank you
fenomenal. Abriu meus olhos para um novo mundo. Mamei
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.
How do you get the images?? the url leads to a blank page
We want more tutorials
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.
Did I just watch a video of a guy replicate a trillion dollar company website in a matter of 20 minutes? Did I just spend money in college to learn web development using html css and JavaScript just for a person to use a studio and neglect all that? Wtf is my life.
Really nice!!
it's easier to hard code bootstrap Than use this one. Trust me, you can do helper class when you hard code. like to give a margin-left to an element 6:38, you just need to add ml-*.
My text on the navbar is ghosting to the left how do I fix it
this is going to save my life
What are the advantages of using bootstrap for simple websites as appose to Wix or other premade platforms?
Aftermath, Apple sued Bootstrap inc
This is the most efficient and compact tutorial that I've ever seen.
doesnt work
Nice … but can you update this tutorial, showing how to create an apple look-a-like responsive footer navigation menu.
Fantastic!
The scary thing is how scammers can use this.
Something's not working with my nav bar. It's looking odd. Everything else worked perfectly. Can I reach out to anyone who might help me?
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
we want more videos…great app..
good job i also make it with the help of this video with great looking apple web page
we want mor tutorials
I love the tutorials! Can you make a tutorial for a landing page?
wonderful
ı dont have any grow option under the direction
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.
and is there any problem earning money with making sites bootstrap. ı am feeling like ı am not doing anything.
Can ı ımport them as a css&html
SLOOOOOOOWWWW DOWWWWWN!
Great tutorial! Thanks!
14:00 – always good to be nicely "spaced out!" LOL