Beginner Video Tutorial #1 for the Bootstrap framework

in #utopian-io7 years ago (edited)

Bootstrap is a very popular HTML, CSS and Javascript framework for building responsive websites that can be viewed on different devices. For the complete beginner to web design, learning Boostrap to start with can be easier than understanding a lot of advanced CSS code.

In this tutorial I will go through some basic structural HTML tags that set up a Boostrap web page, such as the meta tags that set up the viewport, importing the boostrap library and wrapping HTML content inside the container-fluid class.

Even though Adobe Dreamweaver is used as the development environment in this video, you can use any text editor to follow along to this tutorial.

Link to tutorial #2: https://utopian.io/utopian-io/@magicmonk/beginner-video-tutorial-2-for-the-bootstrap-framework


For more tutorials by the Magic Monk, visit http://magicmonk.org

Over 1000 tutorial Videos
8 million Views
20,000 Subscribers



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Hey @magicmonk I am @utopian-io. I have just upvoted you!

Achievements

  • This is your first accepted contribution here in Utopian. Welcome!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Thank you so much, have voted you as witness already :)

Thank you for the contribution. It has been approved.

  • Thanks a lot to see that you are willing to be more helpful. As you said, you are right and you gave already CDN in the video. Keep up on good work! best wishes!

You can contact us on Discord.
[utopian-moderator]

thank you very much @omeratagun!!

Your contribution cannot be approved yet. See the Utopian Rules.

  • Hey @magicmonk. As you declare this is your first lesson. We would love to see how to install/put bootstrap under the folders lesson by you. Please add it into your video and reply my comment.

Please edit your contribution to reapply for approval.

You may edit your post here, as shown below:

You can contact us on Discord.
[utopian-moderator]

Thank you for the suggestion @omeratagun. As my aim in this tutorial is to help newbies get started with coding in Bootstrap as easily as possible, I have shown people how to include Bootstrap using CDN, which will allow them to code in Bootstrap without downloading it. Downloading bootstrap into the local folder could be another unnecssary step that could put newbies off using it. However, as you suggest, I will make a separate video to show people how to download bootstrap later. Thank you.

This post has received a 10.04 % upvote from @buildawhale thanks to: @magicmonk. Send at least 1 SBD to @buildawhale with a post link in the memo field for a portion of the next vote.

To support our daily curation initiative, please vote on my owner, @themarkymark, as a Steem Witness

You got a 8.65% upvote from @upme requested by: @magicmonk.
Send at least 1.5 SBD to @upme with a post link in the memo field to receive upvote next round.
To support our activity, please vote for my master @suggeelson, as a STEEM Witness

This post has received a 10.26 % upvote from @upmyvote thanks to: @magicmonk. Send at least 1 SBD to @upmyvote with a post link in the memo field to promote a post! Sorry, we can't upvote comments.

Coin Marketplace

STEEM 0.20
TRX 0.13
JST 0.030
BTC 65133.17
ETH 3480.37
USDT 1.00
SBD 2.52