我在哪里可以在我的网站中使用css网格
问题描述:
我一直在开发网站一段时间,但我现在只是想了解css网格。正如我在标题中所说的,我需要知道我应该在网站中实际使用网格的位置。正如我应该在网格上延伸整个页面(不管是否需要它),并在需要时使用较小的网格。或者我应该只在某些需要它的地方使用网格。我在哪里可以在我的网站中使用css网格
我希望这是有道理的。并随时包括提前
任何附加信息:)感谢
答
试着看bootstrap3!它将使移动设备扩展到更大的设备更容易!你可以在这里找到有关网格bootstrap3的信息:https://getbootstrap.com/docs/3.3/css/,一旦你安装了它并安装在你的头文件中,你可以在你的body标签中放置这样的东西来感受网格系统的工作方式,它非常依赖于使用容器正确。
<div class="container">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<h2>Title 1</h2>
<p class="callouts-desc">
Title 1 paragraph, blah blah blah.
</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<h2>Title 2</h2>
<p class="callouts-desc">
Title 2 paragraph, blah blah blah.
</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<h2>Title 3</h2>
<p class="callouts-desc">
Title 3 paragraph, blah blah blah.
</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<h2>Title 4</h2>
<p class="callouts-desc">
Title 4 paragraph, blah blah blah.
</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<h2>Title 5</h2>
<p class="callouts-desc">
Title 5 paragraph, blah blah blah.
</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<h2>Title 6</h2>
<p class="callouts-desc">
Title 6 paragraph, blah blah blah.
</p>
</div>
</div>
这应该证明搞清楚和周围的玩bootstrap3网格系统
说实话有用,那有点像问你应该使用什么颜色的网站:)基于其纯粹的设计决策你需要什么和你自己的喜好,还有没有适合每个人的最终布局或网格系统。 – FluffyKitten
谢谢!因此,无论何时需要它,在整个页面上都可以使用它,对吗? –
这不是你必须拥有的东西。您在需要时使用它。 – JJJ