Bootstrap Form input list with image

Question

Is There A way i can Display Images in a bootstrap list. i have tried but cant seam to get it to work?

if ($result->num_rows > 0) {
    echo '
  <div class="form-group">
  <label for="sel1">To:</label>
  <select class="form-control border-radius" id="sel1">  

    ';
    // output data of each row
    while($row = $result->fetch_assoc()) {
        echo '<option><img src="assets/img/Team Members/'.$row["Profile_Picture"].'"></option>';
    }
    echo '
</select>
</div>


    ';
} else {
    echo "0 results";
}

You can use css, have you tried the answer I provided? – Abdoulie Kassama Oct 29 '17 at 10:03 — Abdoulie Kassama, Oct 29 '17 at 10:03

score 0 · Answer 1 · answered Sep 07 '17 at 18:14

0

Use css instead

echo "<option value='value' style='background-image:url(assets/img/Team Members/'.$row['Profile_Picture'].');'>Profile Name</option>'

You can take a look at this Link.

answered Sep 07 '17 at 18:14

Abdoulie Kassama

782
10
20

Bootstrap Form input list with image

1 Answers1