こんにちは！WEB制作担当のYです。 今回は、WEB制作初心者の方向けにBootstrapについて説明します。 ざっくり言うと、Bootstrapはコーディング作業が少し楽になるツールです。Bootstrap側が用意したHTML・CSSとJavaScriptを入れれば、簡単にレスポンシブデザインの ...

Bootstrapはページ作成に役立つ機能がたくさん用意されており便利ですが、ファイルをダウンロードしたり、テンプレートを用意したりなど、始めるまでに少し手間がかかってしまいます。 そんな手間をすべて解消し、初心者の人でもプロの人でもすぐに ...

Bootstrap 4ではそのインストール方法をはじめ、グリッドの単位やレスポンシブ用のclassが変わり、そしてカードやツールチップなどの新しいコンポーネントやレイアウトにFlexboxも利用できるようになりました。 Bootstrap 3からBootstrap 4に移行する時に知っておく ...

Day14：Bootstrap復習①：自力でBootstrapサイトを作ってみよう 01.+αでカスタマイズしてみよう ms-autoは、左側に自動の余白（margin-start: auto）を入れる margin-left: auto; と同じ意味（Bootstrapでは左＝startと呼ぶ） autoは「可能なだけ空間を取る」という指定なので、左 ...

今回は前回軽く触れた、 Bootstrapのグリッドシステムについて紹介します。 グリッドシステムとは？ グリッドシステムは、 レイアウトを格子状に分解し配置するデザインする手法です。グリッドシステムを使うことで縦の揃えが容易に表現できるため ...

This portfolio website showcases Prayas Kar’s skills and projects using HTML, CSS, and JavaScript, featuring a responsive design, smooth scrolling, and dynamic content interactions. Building a ...

Explore the foundational concepts of web development with a focus on HTML, CSS, and JavaScript. This project is a wedding invitation website built with HTML, CSS, JavaScript, and Bootstrap. It ...