Boostrapで横幅と高さを指定する方法

Boostrapでの横幅と高さの指定は既定のクラスが設定されているので、そのクラスを利用すると簡単に横幅と高さが設定できます。

スポンサーリンク

Boostrapでの横幅と高さの指定

Boostrapでは横幅(width)と高さ(height)に関するクラスが以下のように設定されています。

幅(width)
  • .w-25(width:25%)
  • .w-50(width:50%)
  • .w-75(width:75%)
  • .w-100(width:100%)
  • .w-auto(width:auto)
  • .mw-100(max-width:100%)
高さ(height)
  • .h-25(height:25%)
  • .h-50(height:50%)
  • .h-75(height:75%)
  • .h-100(height:100%)
  • .h-auto(height:auto)
  • .mh-100(max-height:100%)

このクラスを利用することでHTML要素の横幅(width)と高さ(height)を簡単に設定することができます。
※実際の定義にはそれぞれの指定に「!important」が指定されています。

Bootstrap
スポンサーリンク
色白おばけをフォローする

おすすめプログラミングスクール

「侍エンジニア塾」は、未経験者でも結果が出せるプログラミング学習サービスです。
専属のインストラクターとの対面かSkypeでのレッスンを通じてプログラミングスキルを身につけて頂き、就職や転職までサポートします。
「侍エンジニア塾」の『3つ』の大きな特徴

  1. 完全マンツーマンレッスン
  2. フルオーダーメイドカリキュラム作成
  3. 独立・起業・フリーランス支援

誰もが自分の技術で稼げる人材になるための教育プログラム
TECH::EXPERTのこだわりは「実務的な教育コンテンツ」と「徹底したサポート体制」の2つです。

  1. 現場で使える実践的な技術が身につく
    有名企業のエンジニアへヒアリングを重ね、1年かけて創り上げた教育プログラムがあなたを実務レベルの即戦力エンジニアへ高めます
  2. 学習方法はライフスタイルに合わせて学べます
    ・一気にエンジニアへ駆け上がる「短期集中スタイル」
    ・無理なく確実にエンジニアへ「週末集中スタイル」
    ・自分のペースで自由に学ぶ「オンラインスタイル」

TECH::CAMP(エンジニアスクール)。
【Webアプリケーションコース】
全くの未経験からWebアプリケーション開発に必要なスキルを全て学ぶことができます。
【iPhoneアプリコース】
全くの未経験から最新の開発言語Swiftを用いてiPhoneアプリ開発を学ぶことができます。
自分だけのiPhoneアプリつくって世界に向けてリリースしたい方には自信を持っておすすめできる内容です。

ソフトウェア開発日記
タイトルとURLをコピーしました