How to add a Glyphicon to the place holder in a search bar, HTML, Bootstrap 5?-CodePudding

Home > Software engineering > How to add a Glyphicon to the place holder in a search bar, HTML, Bootstrap 5?

How to add a Glyphicon to the place holder in a search bar, HTML, Bootstrap 5?

Time：06-27

I want to add a search Glyphicon to that search bar how do I using bootstrap 5.

CodePudding user response：

add bootstrap.icons.css file to html page

cdn address : https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css

document : https://icons.getbootstrap.com/

using this code :

<div >
    <button  type="button"><i ></i></button>
    <input type="text"  placeholder="Enter A Product ...">
  </div>