관리 메뉴

Silver Library (Archived)

Bootstrap, when should I use? 본문

F6. Lab/CSS stuff

Bootstrap, when should I use?

Chesed Kim 2023. 1. 11. 22:17
반응형

CSS, this is only fun when it goes as I planned. Once I stuck with it, I find a solution anyway but time. This took from two days to one day now.

 

So, question is; is it sustainable to learn it? The answer is, I guess so.

 

If you have been sick but needed styled-components, perhaps this can be favourable I guess.

 

//css
.custom-heading {
  background-color: #007bff;
  color: #fff;
  font-size: 2rem;
}

//html
<h1 class="custom-heading">Hello, World!</h1>

Bootstrap also includes a set of classes that you can apply to your HTML elements to adjust their layout, spacing, colors, and more.

<div class="container">
  <div class="row">
    <div class="col-sm">
      One of three columns
    </div>
    <div class="col-sm">
      One of three columns
    </div>
    <div class="col-sm">
      One of three columns
    </div>
  </div>
</div>

This example uses a container class to create a container for the grid, a row class to create a row, and col-sm class to create three equal-width columns on extra small (xs) screen sizes and above.

 

Bootstrap 5 provides a lot of features and customizations to help you build responsive and visually appealing web pages, with a lot of predefined classes that you can use to adjust typography, spacing, layout, and more, it also provides custom JavaScript plugins that enhance your web pages with features like modals, tooltips, carousels, and more.

 

So the conclusion is; if your business does use this in the project you are on, that means bootstrap contains everything you need to deal with the css problem you are going to encounter soon.

'F6. Lab > CSS stuff' 카테고리의 다른 글

What is nesting?  (0) 2023.01.15