HTML-guide til udvikling af integrationsløsninger til Borger.dk

Bokse

Bokse kan benyttes til at adskille indhold i tilfælde hvor det skønnes at være væsentligt eller relateret.

Basisboks

Alle bokse har klassen well. En basisboks producerer en grå boks.

<div class="well">
	<p>Boksens indhold</p>
</div>        

Mindre boks

Det er muligt at lave en boks, der har mindre padding, hvis der eksempelvis ikke er så maeget plads til rådighed

<div class="well well-small">
	<p>Boksens indhold</p>
</div>       

Baggrundsfarver

Med klasserne well-white, well-blue og well-green kan baggrundsfarven på en boks ændres.

<div class="well-white well">
	<h2>Boksens overskrift</h2>
</div>
<div class="well-blue well">
	<h2>Boksens overskrift</h2>
</div>
<div class="well-green well">
	<h2>Boksens overskrift</h2>
</div>      

Bokse uden kant (border)

I nogle tilfælde kan det være hensigtsmæssigt at kunne lave en boks unden kanter border.

<div class="well-green no-border well">
	<h2>Boksens overskrift</h2>
</div>