Click here to Skip to main content
15,921,226 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
Hi,

I'm new in bootstrap. I want to use pull down concept in my project. I'm trying more than hour, but not able to bind. Actual process is i'm searching a global value then next click particular data load the values in grid. And also, the Global parent value should be in Global text box. then next time i'm clicking the global member dependent icon. that values are bind into pull down format. Can anyone please help me. If possible send the code. it's very urgent for me. Thanks.

What I have tried:

Hi,

I'm new in bootstrap. I want to use pull down concept in my project. I'm trying more than hour, but not able to bind. Actual process is i'm searching a global value then next click particular data load the values in grid. And also, the Global parent value should be in Global text box. then next time i'm clicking the global member dependent icon. that values are bind into pull down format. Can anyone please help me. If possible send the code. it's very urgent for me. Thanks.
Posted
Updated 4-Aug-16 23:04pm

1 solution

C#
The answer to this really lies in the capabilities of CSS. .pull-right and .pull-left both apply a micro-clearfix and then float the element left or right in Twitter Bootstrap.

Creating .pull-top and .pull-bottom class' would not be feasible as the parent elements would need to have a position:relative applied, the element would then need man-handled around with top and bottom properties to have it placed properly. The alternatives would require the element to have a fixed height with negative margin applied to the top, of half the height and top:50% applied. Again this would need the parent to be position:relative.

As with any CSS framework, there are just some things you will have to do yourself 

a example of Pull down bootstarp:-
$('.pull-down').each(function() {
var $this=$(this);
$this.css('margin-top', $this.parent().height()-$this.height())
});
 
Share this answer
 
v2

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900