Gabriele Ferro Home

Div class div class div class

Day16: 26 july 2020

**Today’s Progress:**

I learned and used some Bootstrap classes to make a responsive navbar.

Basic Building bloc

  • .container / .container-fluid
  • .row / .col

Breakpoints

  • -sm
  • -md
  • -lg
  • -xl

Navigation bar

  • .navbar
  • .navbar-expand
  • .navbar-brand
  • .active
  • .navbar-light
  • .navbar-dark
  • .navbar-toggler / data-toggle="collapse" / data-target="#navbarContent"

Jumbotron

Card

  • .card
  • .card-body
  • .card-title <h*>
  • .card-text <p>

List

  • .list-unstyled
  • .list-inline
  • .list-inline-item

Text

  • .text-left / .text-center /.text-right
  • .text-*breakpoint*-left / center / right

Font

  • .font-weight-bold / normal / light / bolder / lighter
  • .font-italic

**Thoughts:**

Too many classes to memorize at one time.

Fortunately, I use this blog as a notepad.

**Link to tweet:**

February 2024
MTWTFSS
 1234
567891011
12131415161718
19202122232425
26272829 

Archives

Gabriele Ferro Home
Copyright © Ferro Gabriele. All rights reserved.