CSS框架間距

在CSS框架中，間距是非常重要的因素。它可以幫助我們創建一個美觀和易于閱讀的頁面布局。然而，不同的CSS框架采用不同的間距設置方式。

Bootstrap是一個流行的CSS框架，它使用了一個稱為“柵格系統”的概念，以幫助我們構建靈活的頁面布局。Bootstrap的柵格系統通常將頁面劃分為12列，其中每一列都有一定的間距。在Bootstrap中，間距是由padding和margin屬性定義的。

.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-md-4 {
padding-right: 15px;
padding-left: 15px;
}

另一個CSS框架是Foundation，它也提供了一個靈活的柵格系統。Foundation的柵格系統將頁面劃分為12列，并且根據需要可以通過使用padding和margin屬性來設置間距。

.container {
padding-right: 1rem;
padding-left: 1rem;
margin-right: auto;
margin-left: auto;
}
.row {
margin-bottom: 1rem;
}
.col-4 {
padding-right: 1rem;
padding-left: 1rem;
}

總之，無論您使用哪個CSS框架，間距都是重要的。學習如何正確地設置間距對于創建美觀的頁面布局至關重要。