Two BODIPY derivative sensors for metal ion recognition containing 10-(4-hydroxyphenyl) (L1) and 10-(3,4-dihydroxyphenyl) (L2) were synthesized in a one-pot reaction of benzaldehyde derivative and 2,4-dimethylpyrrole in the presence of trifluoroacetic acid as catalyst. The binding abilities between these sensors and 50 equivalents of Na+, K+, Ag+, Ca2+, Fe2+, Co2+, Ni2+, Cu2+, Zn2+, Cd2+, Pb2+, Al3+ and Cr3+ ions were studied using UV-vis and fluorescent spectroscopic methods. Of all the metal ions tested, Al3+ ion showed the greatest decrease in intensity in the spectra of the sensors, and therefore Al3+ ion forms the strongest complex. The binding abilities of BODIPY receptors with Na+, Ag+, Ca2+, Co2+, Ni2+, Cu2+, Zn2+ and Al3+ ions were also investigated using density functional theory (DFT) calculations at B3LYP/LanL2DZ theoretical level. The calculated results point to the same conclusion. DFT calculations also provided the HOMO-LUMO energy levels, which can explain the spectrum change upon complexation.