Need left and right boxes with center button with left and right arrow button

[shahzadsiddiqui8]

Hi all,

I am trying to make this attached image form using bootstrap, I have placed this left and right box, but need help in placing the button middle of the box.

if any one have this kind of form, please provide me…

[RyanReese]

How do you imagine this converting into smaller screens (tablet/mobile)?

[PaulOB]

Do you have html that we can look at to see how its structured?

Are the left and right boxes a fixed height and width?

If so then just make the middle section the same height and then nest a display:table-structure in the middle div.

e.g.

.mid {
	width:100%;
	height:300px;/* or whatever it should be*/
	display:table;
	background:red;
}
.mid-inner {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.mid button{
	width:40px;
	height:25px;
	line-height:20px;
	background:#f9f9f9;
	color:#000;
	text-align:center;
	margin:0 5px;
	padding:0;
	border:1px solid #000;
	border-radius:none;
	vertical-align:middle;
	font-weight:bold;
}

HTML:

   <div class="mid">
        		<div class="mid-inner">
        				<button type="submit">&raquo;</button>
        				<button type="submit">&laquo;</button>
        		</div>
        </div>

It all depends on the dynamics of the rest of the elements.