title: Add Bootstrap Icon In Input's Placeholder
body: <p>I am trying to put Bootstrap search icon in the placeholder of <code>&lt;input&gt;</code>.
  However as it is obvious that I cannot just write <code>&lt;input type=&quot;text&quot; placeholder=&quot;&lt;i class='bi bi-search'&gt;&quot;</code> in the placeholder. I checked Stackoverflow and found that for <strong>fontawesome</strong> we can just simply put</p>
  <p><code>&lt;input type=&quot;text&quot; placeholder=&quot;&amp;#xF002; Search&quot; style=&quot;font-family:Arial, FontAwesome&quot; /&gt;</code> (For version 4.7+).</p>
  <p>However What I want to know is there someway of achieving this with bootstrap also.
  I checked the <strong>bootstrap-icon CSS</strong> file and found out this <code>.bi-search::before { content: &quot;\f52a&quot;; }</code>.
  Edit:- I want to place it in the <strong>Placeholder</strong> not in the <code>&lt;input&gt;</code> field
  Hope I made the question Clear.</p>