bootstrap4: flex : align-content-center not working

Question

I want the span item inside a div to be vertically centered in a flex container. I am using bootstrap4

https://getbootstrap.com/docs/4.0/utilities/flex/

using