Estoy desarrollando una página web para el portfolio de un amigo, y estoy utilizando HTML, CSS y JS muy básico. La cuestión es que estoy utilizando Bootstrap para la maquetación, pero la página tiene mucho margen a la izquierda y a la derecha, y me gustaría que se acercasen mas a los laterales. Os pongo una imagen para que lo entendáis.
Me gustaría mover el logo (arriba a la izquierda) y las redes sociales (abajo a la izquierda) hasta alinearse con el texto vertical de la izquierda. Y lo mismo con el menú y el copyright hasta el texto vertical de la derecha.
En el código ya tengo nombradas las clases como "text-left" para el logo y las redes sociales, y como "text-right" para el menú y el copyright, pero eso es lo máximo a la derecha que lo puedo forzar. Quizás es porque estoy en un monitor de 27", pero quiero reducir el espacio en los laterales moviendo dichos elementos.
<div class="col text-left logo">
<img src="img/Logo-web.png" alt="Logo">
</div>
Los textos verticales están colocados con márgenes y porcentajes, por lo cuál para hacerlo responsive voy a tardar.
Muchas gracias de antemano!
height
al lado me hace creer que en vez demargin
se refiere awidth
.