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