How to edit NavItem of Navbar component in Bootstrap Studio?
Problem: I am using Stylish Portfolio template to design a quick website in Bootstrap Studio. I am unable to edit the default NavItem (Home, About, Services and so on) from the Navbar component as shown in image below.
Other components can be easily edited by double clicking on that component. But, the NavBar is hidden by default and shows only when we click on a hamburger icon. So, I am unable to edit the default fields of NavBar.
Here is the screenshot of the Bootstrap Studio editor.
What I have tried: By converting the component into HTML by Convert to HTML option, Bootstrap Studio gives the corresponding raw HTML file to edit and I was able to change the values from there. But, I think there must be a better way to edit the elements directly in Bootstrap studio instead. What am I missing? Please help!
I couldn't find a way to make the NavBar visible for editing. But, a way around is to double click on the NavItem component and type the text you want for NavItem can change the NavItem.
- Setting the background of an input element as a combination of three colors
- jQuery button click not showing/hiding content
- How to style SVG with external CSS?
- How to Make an SVG Image Dynamically Match the Height (1em) and the Baseline of Surrounding Text?
- How can I count and show Unicode Characters when insert onclick to textarea?
- How to find my images in my folders using the picture element in HTML?
- How to Position an Image on Different Sides of a Container Using CSS?
- How remove border around image in css?
- HTML canvas not drawing image
- Show a message if a text is copied successfully(alternative to alert)
- Should I use the .htm or .html file extension? Which one is correct?
- TailwindCSS: SVG icon won't resize properly
- Float CSS attribute causing parent div not to inherit height?
- Save canvas in grayscale
- svg path not drawing for single point on chrome surface
- Any Way to Reduce File Size Using wkhtmltopdf?
- How to load a gzip compressed javascript without a webserver?
- How simulate CTRL+V keystrokes (paste) using C#
- How to get the value of a selected radio button
- Show text outside the div with clip-path
- Flask/Jinja content not centering
- How to create a scalable document element inside a container in HTML
- Custom directive and [ngClass] on same element does not work
- How can mock a component child to test the parent standalone component in Angular
- How to add Font Awesome icon into <input> button?
- I can't set text after modifying the text
- Change / Hack style of Facebook 'Like it' button
- Selector :last-child not working as expected?
- Convert an array of objects into an unordered HTML list with nested list items
- Why does this strange space start appearing at the bottom of the page only on mobile?