質問編集履歴

1

kensukesuke

kensukesuke score 19

2016/08/06 09:43  投稿

Bootstrapにて、div要素のheight設定
こんばんは。
現在、ruby on railsでwebサイトを製作しており、cssのフレームワークとしてBootstrapを使用しています。
質問は、グリッドシステム使用時のCSS設定についてです。
例えば、
```html
<div id="example" class="col-lg-8 col-xs-12">
</div>
コード
```
というようなdiv要素があったとき、デバイスによって横幅は変化すると思いますが、このdiv要素の縦幅を常に横幅と同じ長さにするには(つまり、div#exampleを正方形に保つには)css(もしくはhtml)をどのように設定すればよろしいでしょうか?
ご回答よろしくお願いします。
ご回答よろしくお願いします。
#追記 bootstrapのバージョンは3.3.6です。よろしくお願いします。
  • HTML

    16913 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    11613 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • HTML5

    7430 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

  • Bootstrap

    1936 questions

    BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

  • CSSフレームワーク

    315 questions

    CSSフレームワークは、Webページのスタイルを指定する言語であるCSSを容易に構築するためのツールです。ツイッター社が開発した「Bootstrap」や段組レイアウトが可能な「Foundation」など様々なCSSフレームワークがあります。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る