Bootstrap Blocks

Navigation
0

Good Night!

I wanted to get some tips, help, anyway, I wanted to create a style blocks of the image below using bootstrap, but I have no idea where to start, can someone give me a light?

Thank you!

    
asked by anonymous 23.02.2015 / 22:18

1 answer

3

Now, bootstrap works with a grid of 12 cells, then create a row, where each cell (div) will be col- or xd or ld, its criterion is -3. example: 

<div class="row">
    <div class="col-xs-3"></div>
    <div class="col-xs-3"></div>
    <div class="col-xs-3"></div>
    <div class="col-xs-3"></div>
</div>

See the example below: 

  
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
	<div class="row">
		<div class="col-xs-3">
			<div class="well well-sm">
				<dl>
				  <dt>Titulo </dt>
				  <dd>descricao </dd>
				  <dt>Titulo </dt>
				  <dd>descricao </dd>			 
				</dl>		
			</div>		
		</div>
		<div class="col-xs-3">
			<div class="well well-sm">
				<dl>
				  <dt>Titulo </dt>
				  <dd>descricao </dd>
				  <dt>Titulo </dt>
				  <dd>descricao </dd>			 
				</dl>		
			</div>		
		</div>
		<div class="col-xs-3">
			<div class="well well-sm">
				<dl>
				  <dt>Titulo </dt>
				  <dd>descricao </dd>
				  <dt>Titulo </dt>
				  <dd>descricao </dd>			 
				</dl>		
			</div>		
		</div>							
		<div class="col-xs-3">
			<div class="well well-sm">
				<dl>
				  <dt>Titulo </dt>
				  <dd>descricao </dd>
				  <dt>Titulo </dt>
				  <dd>descricao </dd>			 
				</dl>		
			</div>		
		</div>		
	</div>	
</div>
    
23.02.2015 / 22:58
Find part of a string within a vector Open GDB file