Jiro Laboratory

C#、ASP.NET、JavaScript、Androidとか

Bootstrap

bootstrap で Youtube 動画をレスポンシブに埋め込む

ここhttp://getbootstrap.com/components/#responsive-embedに答えが書いてあります。 <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="..."></iframe> </div> <div class="embed-responsive embed-responsive-4by3"> </div>

ASP.NET MVC + Bootstrap 縦リキッド

垂直方向のリキッドレイアウト DEMOページ需要あるのかどうか微妙ですけど、縦(垂直)方向のリキッドレイアウトについて。前回の「内部コンテンツの高さを100%」の方法でウィンドウサイズに合わせて内部コンテンツの高さを広げることができました。 ただ、…

ASP.NET MVC + Bootstrap フッタ固定

概要 ブラウザの一番下にフッタを固定で表示させる方法です。 「一番下に固定」といっても微妙に動きの違う方法がいくつかありますのでパターン別に記載します。 ASP.NET MVC5 の新規プロジェクトで作成されるページからカスタマイズする方法として書きます。

ASP.NET MVC + Bootstrap ウィンドウサイズに合わせる

ASP.NET MVC で作成したページのコンテンツサイズをウィンドウサイズに合わせて広げる方法です。 高さを広げる方法 幅を広げる方法 について記載します。