Bootstrap

Swiper.jsとBootstrapでレイアウトが崩れた時の話

Bootstrapのrowとcolを使ったレイアウトの中でSwiper.jsを使おうとしたら、幅がおかしくなった。 現象 rowの中にcolを3つ入れて、横並びレイアウトをしていて、そのcolの中にSwiper.jsを入れたら、そのcolが横幅いっぱいに広がってしまった。 原因 flex関連の干渉が原因? 解決方法 以下のように、swiper-wrapperのpositionをabsoluteにす […]

npmでBootstrapをインストールしてWebpackでコンパイルする方法(同時にjQueryも)

ホームページを作る時、BootstrapとJQueryを使う機会が多いんですが、今までは、それぞれのCDNから読み込んで使っていました。 今回は、npmを使ってプロジェクトに直接インストールしてみます。Bootstrapは、JQueryに依存しているので、JQueryも一緒にインストールします。 全体的な流れとしては、 ・node.js(npm)のインストール ・webpackの導入 ・Boots […]