Was bedeutet das responsive Layout von Bootstrap?

Im Bootstrap bedeutet Responsive Layout, dass dieselbe Seite unterschiedliche Layouts unter verschiedenen Bildschirmgrößen hat. Responsive Layout kann mit Geräten unterschiedlicher Auflösung kompatibel sein. Sie können das Rastersystem verwenden, um eine Zeile gleichmäßig in 12 Raster zu unterteilen und mehrere Elemente zu belegen Gitter, um dies zu erreichen.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Bootstrap-Version 3.3.7, DELL G3-Computer

Was bedeutet responsives Layout von Bootstrap? 1. Grundkonzept

Responsives Layout bezieht sich auf dasselbe Seiten haben unterschiedliche Layouts für unterschiedliche Bildschirmgrößen und können mit Geräten unterschiedlicher Auflösung kompatibel sein.

Die traditionelle Entwicklungsmethode besteht darin, einen Satz für den PC und einen anderen Satz für das Mobiltelefon zu entwickeln. Bei responsivem Layout reicht nur ein Satz. Der Nachteil besteht darin, dass CSS relativ schwer ist.

Implementierung:

Beruht auf dem Rastersystem, das eine Zeile gleichmäßig in 12 Raster unterteilt, und Sie können angeben, wie viele Raster das Element einnimmt

* 步骤：
	（1）定义容器：相当于之前的table
			* 容器分类：
				* container：两边留白
				* container-fluid：每一种设备都是100%宽度
	（2）定义行：相当于之前的tr，样式：row
	（3）定义元素：指定该元素在不同的设备上，所占的格子数目，
				样式：col-设备代号-格子数目

Verwandte Empfehlungen: Bootstrap-Tutorial

Das obige ist der detaillierte Inhalt vonWas bedeutet das responsive Layout von Bootstrap?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!