how to reduce the div height

Answer 1

You need to use max-height not min-height!

div{
max-height: 100px;
height: 100%;
}

Answer 2

use max-height instead. It will work fine. the min- height wont work on div.

Answer 3

A div's height depends on its inner elements, in your example, the first input is having a height of 100px, so the div will have at least 100px height, ignoring spacing, boarder, padding. Setting max-height on the div will hint the rendering engine to limit the height, but doesn't necessarily work all the time.

I'd suggest you changing the input's height first:

<input style="max-height: 100px" type="text" name="Client" id="Client" readonly="readonly" class="m-wrap span4 clrField" tabindex="1" />

Answer 4

<div class="row-fluid" style="height:100px">
..............
..........
</div>