2017-12-29 50 views
0

MVC web-appに画面全体を使用させる設定を探しています(写真の赤い線を参照)。私はいくつかのコードを投稿することができますが、このように見えるので、新しいプロジェクトが作成されると、新しいMVCアプリケーションのすぐに使えるコードを投稿しています。MVC Webアプリ全体を画面全体に伸ばしてください

body { 
    padding-top: 50px; 
    padding-bottom: 20px; 
} 

/* Set padding to keep content from hitting the edges */ 
.body-content { 
    padding-left: 15px; 
    padding-right: 15px; 
} 

/* Override the default bootstrap behavior where horizontal description lists 
    will truncate terms that are too long to fit in the left column 
*/ 
.dl-horizontal dt { 
    white-space: normal; 
} 

/* Set width on the form input elements since they're 100% wide by default */ 
input, 
select, 
textarea { 
    max-width: 600px; 
} 

答えて

1

はジャンボトロン上記のdivからcontainerbody-contentクラスを削除します。

enter image description here

私はプロジェクト全体で見つけることができるbody-contentの唯一のインスタンスは、次のようになりますSite.cssに位置しています。

更新: それはASP.NETテンプレートからではない、それはブートストラップからだ: enter image description here

+0

これは見つける作品、ありがとうございます。しかし、 'container'と' body-content'はパディング値しか設定していないので、私は得られません。これらのスタイルをどうやって変えなければならないのでしょうか? –

+0

これらのうちの1つにはジャンボトロンの幅を制限する 'max-width'もあります。 ジャンボトロンを全幅にしたい場合は、ジャンボトロンdivを 'container'と' body-content'の外側と上に置くこともできます。それもうまくいくはずです。 – Mithgroth

+0

それは私がスタイルシートでmax-widthのようなものを見つけることができなかったために私が不思議に思ったことです(更新された質問を見てください)。実際にはジャンボトロンは気にしませんが、コンテンツは私にとって重要な部分です。 –

関連する問題