The foundational technology for building mobile-responsive websites is CSS (Cascading Style Sheets) and its frameworks such as Bootstrap. These technologies enable developers to create adaptable layouts that can respond to various screen sizes and resolutions. By utilizing media queries and flexible grid systems, CSS allows web pages to render beautifully on devices ranging from smartphones to desktop computers.