Layout Fixed si Layout Fluid

postat acum un an de Stefanescu Mihai in categorie Bootstrap

In Bootstrap putem folosi fie clasa .container fie clasa .container-fluid pentru a afisa un site full-width sau pentru a-l afisa numai pe o portiune din mijlocul ecranului.

Layout Fixed

Pentru a face un layout cu o latime fixa incepem prin a pune continutul intr-un div cu clasa “container”, dupa care facem div-uri cu clasa “row”, iar in interiorul lor punem div-uri cu clasele “col-md-*” sau “col-sm-*” sau “col-xs-*” sau “col-lg-*”.

Pentru mai multe informatii va recomand sa cititi articolul despre Grid System.

<div class="container">
	<div class="row">
		<div class="col-md-4"></div>
		<div class="col-md-8"></div>
	</div>
</div>

Layout Fluid

In Bootstrap 3 putem folosi clasa container-fluid pentru a crea un layout full-width, pentru a folosi 100% din viewport.

<div class="container-fluid">
	<div class="row">
		<div class="col-md-4"></div>
		<div class="col-md-8"></div>
	</div>
</div>

 

Sunt un tanar programator din Bucuresti ce lucreaza in PHP/Mysql (MySqli/PDO), Laravel, CodeIgniter, MySQL, PostgreSQL, Wordpress, HTML5/CSS3, Sass, Photoshop si multe altele.
Google+ Community Facebook Group