Last post Aug 06, 2015 10:13 AM by ddelella
Aug 06, 2015 09:03 AM|ddelella|LINK
I am trying to see if anyone knows a CSS class or way to hide text from the full screen Bootstrap navbar but when the navbar is collapsed I want the text to display? What I am trying to achieve is a top fixed navbar with a person icon for the profile and
home icon for the main page, to save space. However on a mobile device the collapsed menu shows just the icons. I want the collapsed version to show the icon and the word Profile or Home next to it.
Aug 06, 2015 10:00 AM|rivdiv|LINK
You can use the Bootstrap responsive "hidden" / "visible" classes on the text element to hide or show depending on the breakpoint... / screen size. See details here: http://getbootstrap.com/css/#responsive-utilities
Aug 06, 2015 10:13 AM|ddelella|LINK
I had tried those before but maybe I was using the wrong one. Apparently the collapsed navbar is considered x-small and I was trying the visibile-sm-inline-block. Thanks