2023 WDB: Introduction to Bootstrap 4 & 5 -- Day 12

-

 Bootstrap Grid Layout System

In today's video, Angela Yu discussed Bootstrap's grid layout system. The most important takeaway was how Bootstrap's system automatically responds to changes in the browser's layout.


Code



Here are the different examples of Bootstrap responses as the browser size changes from desktop to phone.
































Comments

Post a Comment

Popular posts from this blog

2023 Web Development Bootcamp: Intermediate CSS Part 2 -- Day 6

-
Image
  I started learning about the CSS box model, the CSS display property, and CSS static and relative positioning. This was a lot of information to absorb( ingest) in one sitting.  While the topic was interesting and is important to master, I decided to just learn by doing.  So I downloaded 2 new photos to display at the top of my website. CSS Images and Relative Positioning Here is the code that I used: .logo {     height : 400px ;     position : relative ;     left : 100px ;       } .team {     height : 400px ;     position : relative ;     left : 150px ;     top : 10px ; } And here is the result: Here is the new page: Note: The trophy photo's width is 100% of the browser screen so this is why it is being pulled across the whole screen. This is my opinion.
Read more

Duke University's: RUST Fundamentals on Coursera

-
I recently started Duke University's Rust Fundamentals course on Coursera.  The course lasts 4 weeks and covers several topics. It is taught by Noah Gift who has several classes on the Coursera that I am interested in taking over the next year. The classes that I am particularly interested in are those related to Python, Rust, and Linux . Yesterday, I encountered problems installing Rust on Linux (Ubuntu).  The problems were related to the following code:      curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh As I needed to install curl, I ran the following command:      sudo snap install curl This led to several errors. After much searching on the internet, I discovered that I needed to stall curl without using snap. Instead, I installed curl using:     sudo apt install curl. After this, I was successfully able to install Rust. 
Read more

50 days of coding: Reviewing the basics

-
 Things have changed in 2021 and because of this I will need to advance and explore new topics.  But before I can advance, I have decided that it is best to review the basics.  So in the month of March 2021, I will be going over     - Python     - C++     - C I will mostly be going over Python and C++ but I also want to review C.  I hope to post updates everyday this month...
Read more