As seen on the bootstrap official guide, when i resize the window and the
bootstrap-responsive lib is on, at a some defined width of the window, the
"div class=span" elements take the whole window's width. But this does not
happen to me.
<div class="row-fluid" style="margin-top: 5px;">
<div class="span4">
<?php echo form_label('Tipo di
Novità', 'type'); ?>
<?php echo form_dropdown('type',
$types); ?>
</div>
<div class="span4">
<?php echo form_label('Data
dell\'avvenimento', 'date'); ?>
<?php echo
form_input(array('placeholder' => 'gg-mm-aaaa', 'name' => 'date')); ?>
</div>
<div class="span4">
<?php echo form_label('Luogo',
'place'); ?>
<?php echo form_input('place'); ?>
</div>
</div>
And produces:
<https://lh6.googleusercontent.com/-_0CURnebq64/UPxuMjBHJxI/AAAAAAAAA7A/cVrQZUuq-7I/s1600/prod1.PNG>
But if i resize the window...
<https://lh4.googleusercontent.com/-9gai061GfBw/UPxuXwh4D3I/AAAAAAAAA7I/2s9U1x-XtFA/s1600/prod2.PNG>
<https://lh4.googleusercontent.com/-9gai061GfBw/UPxuXwh4D3I/AAAAAAAAA7I/2s9U1x-XtFA/s1600/prod2.PNG>
In my header:
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<link href="<?=base_url();?>assets/bootstrap/css/bootstrap.min.css"
rel="stylesheet" media="screen">
<link
href="<?=base_url();?>assets/bootstrap/css/bootstrap-responsive.css"
rel="stylesheet">
And I already set the jquery script and bootstrap one in the footer.
Note: the elements above are nested in a span9 and the span9 is nested in a
row-fluid that is nested in a content-fluid.
(Sorry for my bad english..)
