Я потратил много времени на работу с Foundation и меньше времени на работу с Bootstrap. У меня проблема с отзывчивостью в Bootstrap, которую я не понимаю, потому что это похоже на работу в Foundation. Проблема в том, что, хотя реакция на сетку работает так, как ожидалось, мои шрифты становятся настолько маленькими, что почти нечитаемы на мобильных устройствах. Обратите внимание, что в моем примере ниже я установил размер шрифта 14px, но на мобильных устройствах это становится очень крошечным. Вы можете увидеть это, нажав на мобильную кнопку в инструментах Chrome dev.
html, чтобы воспроизвести это очень просто, вот jsbin: http://jsbin.com/lumepumufu/1/
И вот html:
<html>
<head>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
</head>
<body style="font-size:14px">
<div class="container">
<div class="row">
<div class="col-lg-4">col-lg-4</div>
<div class="col-lg-4">col-lg-4</div>
<div class="col-lg-4">col-lg-4</div>
</div>
</div>
</body>
</html>