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

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

これで、Bootstrap 5を使用したシンプルな管理画面のダッシュボードインターフェイスの実装が完了しました！ このチュートリアルファイルはGitHubから利用できるので、リポジトリのクローンを作成し、スターを付けてオープンソースの愛を広めてください ...

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 ...