课程: Tailwind CSS Essential Training

今天就学习课程吧！

今天就开通帐号，24,700 门业界名师课程任您挑！

Grids

Grids - CSS教程

课程: Tailwind CSS Essential Training

开始一个月试用 购买团队方案

Grids

“

- [Instructor] Tailwind has a full compliment of classes to help you manage grid layouts, is the other way that we lay things out in modern HTML. So let's take a look at how this works. So first off to create a grid, you can control up to a 12 column grid using grid containers. So you define something called grid rows and then you add an amount from one to 12 or the keyword none, and then you can use these also with responsive variants if you want to. So let's check this out. All right, so you can see that we have specified here, let's open this up, that we want to use a three column grid. Actually, I have responsive variants here, so that depending on the width of the items it's going to try to have, by default, it's going to be three columns, which you can see right here. When we get to a small grid size, it's actually going to stay three columns here. When we get to a medium grid size or a medium window size it's…

内容