【CSS】印刷用ページの幅が指定通りにならない
今回はメモ程度の簡単な記事です。 印刷用ページを作成中、どうしても幅が指定通りにならない状況に遭遇したので残しておきます。 原因 原因はBootstrapでした。 バージョン4系のBootstrapを […]
CSS
webpack５でJSとSassをコンパイル（CSSを別ファイルに出力）
webpack５を使ってJavaScriptとSassをコンパイルする方法を記録しておきます。 この記事では、以下の項目をコンパイル条件としています。 JavaScriptとCSSを別々のファイルで出 […]
Swiper.jsとBootstrapでレイアウトが崩れた時の話
Bootstrapのrowとcolを使ったレイアウトの中でSwiper.jsを使おうとしたら、幅がおかしくなった。 現象 rowの中にcolを３つ入れて、横並びレイアウトをしていて、そのcolの中にS […]
npmでBootstrapをインストールしてWebpackでコンパイルする方法（同時にjQueryも）
ホームページを作る時、BootstrapとJQueryを使う機会が多いんですが、今までは、それぞれのCDNから読み込んで使っていました。 今回は、npmを使ってプロジェクトに直接インストールしてみます […]
リスト < li > タグの横並び時の隙間をなくす方法
リストタグはメニューなどでよく使いますが、リストをdisplay:inline-blockを使って横並びにするとリストとリストの間に隙間ができてしまいます。それを簡単な方法で解決します。 解決方法 C […]