flip-floptop
New Coder
Hello,
I have a 3*2 bootstrap grid and I would like the column to expand and take all space in the grid when hovered.
Here is the code snippet of the initial position :
Examples : I would like the column 2 to expand only to the left, right and down. And fill the grid space.
Here are visual descriptions of the animation:
Even a way to do it without bootstrap would be helpful!
Many thanks
I have a 3*2 bootstrap grid and I would like the column to expand and take all space in the grid when hovered.
Here is the code snippet of the initial position :
Code:
<div class="container">
<div class="row">
<div class="col">
1
</div>
<div class="col">
2
</div>
<div class="col">
3
</div>
</div>
<div class="row">
<div class="col">
4
</div>
<div class="col">
5
</div>
<div class="col">
6
</div>
</div>
</div>
Here are visual descriptions of the animation:
Even a way to do it without bootstrap would be helpful!
Many thanks