Imagine A Scenario
Three columns col-xs-4 In Middle I Need To Place Horizontal Arrows in bootstrap version 3 can you tell me how to deal with this situation.
[ ] -> [ ] -> [ ]
]
Hi,
If you can create a bootstrap demo of the three columns that we can look at then we can telly you how to place your arrows in place.
You will also need to define the functionality of the arrows and state whether this is a fixed or responsive site and where exactly the arrows should be placed in relation to the columns (horizontally and vertically) and what kind of content is going into the columns.
There are so many variables that need to be taken into account so we really need some starting code for you that we can play with and adapt.
I could easily say just add position:relative to the column container and then absolutely place the arrow using generated content.
e.g.
.columnname:after{
content:"\\2192";
position:absolute;
right:5px;
top:50%;
width:10px;
height:10px;
color:#fff;
text-align:center;
}
However that probably won’t work depending on the dynamics of the page.