Fixed top bar with information (responsiveness)

Asked

Viewed 121 times

0

I’m having difficulty putting together a layout with bootstrap that has at the top of the site a simple bar with some information. This slider must be divided to allocate the following information:

On the left side: Company name - (99) 99999-9999 - [email protected]

Right-hand side 4 social media icons will be placed

(below that top bar has a menu bar that is already working)

The problem starts when I change the screen sizes, simulating responsiveness, everything gets messy. I understand that I need to work with media queries, but I don’t know how to work with bootstrap columns. What is the best way to resolve this issue, can you please help me?

  • To do something that simple, I think you’re making it too complicated :). See this Fiddle with a concept of what you want to do in a simple way and leaving the Bootstrap aside: https://jsfiddle.net/ms19kfem/

  • I think you’ll have to do it in your hand, because if you use the bootstrap it breaks the line when the screen is small :/

  • interesting... I will check here how it will be better... but it is a good solution! I’ve been trying here and can perform the task with offset bootstrap... but thank you! thank you very much!

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.