Member Avatar for davy_yg

Hello,

Cek this site: http://www.purelineliving.com/

Cek the top navigation. I wonder if it is possible to let the navigation remains the same on pc and change it to bootstrap navigation for mobile phone on mobile phone.

Thanks in advance.

  • 3 Contributors
  • 4 Replies
  • 315 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by gentlemedia
Member Avatar for pty

Yes, it's possible.

Member Avatar for gentlemedia

Like pty said!

But you will have to replace the current markup for that navigation to the bootstrap navbar markup.
https://getbootstrap.com/docs/3.3/components/#navbar

But 2, the layout of that website is totally broken (not responsive) on tablets and mobile phones, so you might want to fix that first.

Edited by gentlemedia
Member Avatar for davy_yg

Well, if I replace the current markup for the navigation to the bootstrap navbar markup, then will the navigation changes to bootstrap navigation on pc?

Just like in https://www.w3schools.com/bootstrap/bootstrap_navbar.asp

See the thing is on pc, I still want to keep my current navigation.

Something like this:

If (mobile size) use bootstrap nav

else use pc nav

How to write the mobile size in syntax?

Edited by davy_yg
Member Avatar for gentlemedia

You take the bootstrap navbar markup and then you replace/overwrite the default CSS of it with the CSS (design and spacing) that you have written for your current navigation.

Edited by gentlemedia
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.