質問編集履歴

1

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で作成されています。 Myタグに追加 CSS 11613 questions CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。 Myタグに追加 HTML5 7430 questions HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。 Myタグに追加 Bootstrap 1936 questions BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。 Myタグに追加 CSSフレームワーク 315 questions CSSフレームワークは、Webページのスタイルを指定する言語であるCSSを容易に構築するためのツールです。ツイッター社が開発した「Bootstrap」や段組レイアウトが可能な「Foundation」など様々なCSSフレームワークがあります。 Myタグに追加