¿Cuál es la mejor manera de crear un sitio estático con bootstrap?

Use algo como Ghost: The Professional Publishing Platform o una plantilla prefabricada.

A menos que esté leyendo esto mal, ¿y ya tienes código? Si solo se trata de diseño en este momento, puede adaptar fácilmente un tema sólido de WordPress (Themeforest: plantillas y temas de sitios web de ThemeForest) con su trabajo de diseño, y no se preocupe por el código. Ghost sería mi recomendación, y también tienen plantillas que puedes probar y adaptar.

Si desea eliminar el código redundante y reutilizar fragmentos de código en todas las páginas HTML, mi recomendación es utilizar la biblioteca de plantillas de JavaScript.

Puede usar Handlebarjs, crear encabezado, pie de página, navegación superior, barra lateral, etc. como plantilla e incluirlo en sus páginas HTML.

En su HTML principal junto con jquery, bootstrap (CSS, JS) también necesita agregar controladores de biblioteca adicionales. Puede descargar una copia del sitio handlebarjs o usar CDN

Personalmente, usaría mi propia herramienta: web-builder

Con este simple paquete Node.js, puedo comenzar con cualquier plantilla Bootstrap. Los datos del sitio web, como las metaetiquetas, el título, el contenido, etc., están separados de la plantilla para facilitar su administración. Puedo configurar otros archivos JS / CSS dentro de package.json y se descargarán automáticamente cuando sea necesario. Puedo trabajar en ES6 / ES7 y CSS4 sin ninguna compatibilidad, agrupación, minimización, etc.

La única complejidad es que primero necesito convertir la plantilla HTML a la sintaxis Pug, pero me encanta esta tarea. Pug es más limpio e inteligente que HTML.