「Flask入门」Bootstrap的栅格系统

栅格系统很方便,它代替了手动布局 div 的痛苦工作。最常见的水平布局,利用 bootstrap 的话代码只需要这样写就可以实现三等分,

<div class="row">
	<div class="col-md-4">第一块div>
	<div class="col-md-4">第二块div>
	<div class="col-md-4">第三块div>
div>

效果图请见 bootstrap - grid,而且这样写还支持响应式布局,即不论你的屏幕有多大,.html 都会按照固定的比列缩放内容,而不会发生布局错乱的情况

你可能感兴趣的:(Flask入门,bootstrap,前端,html)