Social Bar - left

CSS

		.redes{
			position: fixed;
		    left: 0px;
		    z-index: 1000000000000000;
		    top: 25%;   /*aqui se varia la posicion vertical segun la cantidad de iconos de redes.*/
		}

		.redes .logo {
			text-align:center;
			background: #fff;
		    border-radius: 0px 6px 6px 0px;
		    margin-bottom: 3px;
		    padding: 4px;
		}

		.redes .row{
			width: 58px !important;
			margin-right: 0px !important;
			margin-left: 0px !important;
		}
    
    
    
    HTML
    
   <div class="redes">
		<div class="row">
			<div class="col logo">
				<i class="fa fa-twitter fa-3x text-primary"></i>
			</div>
			<div class="col logo">
				<i class="fa fa-facebook fa-3x text-primary"></i>
			</div>
			<div class="col logo">
				<i class="fa fa-youtube fa-3x text-danger"></i>
			</div>			
		</div>
	</div>