Как создать вертикальный блок с кнопками в правом верхнем углу на bootstrap?

Question

[enerjze]

Всем доброго времени суток, помогите пожалуйста с созданием блока с кнопками и информацией как на скриншоте.

Имею следующее

<div class="row">

<div class="col-md-4">LOGO</div> </div>

	      <div class="collapse navbar-collapse" id="ftco-nav">
	        <ul class="nav navbar-nav m-auto">
	          <li class="nav-item"><a href="#main" class="nav-link">ГЛАВНАЯ</a></li>
	          <li class="nav-item"><a href="#barbers" class="nav-link">МАСТЕРА</a></li>
	          <li class="nav-item"><a href="#prices1" class="nav-link">ЦЕНЫ</a></li>
			  <li class="nav-item"><a href="#cosmetics" class="nav-link">КОСМЕТИКА</a></li>
	          <li class="nav-item"><a href="#contacts" class="nav-link">КОНТАКТЫ</a></li>
	        </ul>
			<div class="row">
			<div class="col-md-4 mr-auto">
			            <p data-scrollax="properties: { translateY: '30%', opacity: 1.6 }"><a href="#" class="btn btn-primary px-8 py-6 ms_booking">Записаться</a></p>						    			
</div>
	      </div>
	    </div>

И как увеличить размер кнопки? игрался с параметрами px py получилось растянуть но не более, нужно как на скриншоте.

Answer 1

[Евгений]

Воспользоваться обычным css