私はウェブ開発でかなり新しいです。私はウェブサイトを構築しましたが、問題はportfolio
セクションにあります。イメージとテキストをすべてのデバイスに集中させることはできません。Divが異なるメディアクエリに集中していない
ウェブサイトのURL:alextodea.net
どうもありがとう!
関連するコード。メディアクエリを使用CSS:
私はウェブ開発でかなり新しいです。私はウェブサイトを構築しましたが、問題はportfolio
セクションにあります。イメージとテキストをすべてのデバイスに集中させることはできません。Divが異なるメディアクエリに集中していない
ウェブサイトのURL:alextodea.net
どうもありがとう!
関連するコード。メディアクエリを使用CSS:
alextodea.net/css/style.cssが、これは980px以下の機器に画像とテキストを中心に説明する、あなたのCSSにこれを追加します。
@media screen and (max-width:990px) {
#workd .thumb, #workd .description {
float: none;
margin: 0 auto;
text-align: center;
}
.col-xs-12.col-md-8.description.block.more { padding-left:0; }
}
感謝を「挿入」をクリックしますが、残念ながらそれはまだ何も中心ない...働いていない。動作するはずです –
を、私はあなたのウェブサイトで最新のコードを参照することができません。あなたはそれを追加しましたライブウェブサイト? –
コードあなたは私をお勧めhttp://alextodea.net/css/style.css –
あなたは
.row {
/* margin-right: 78px; */
margin-left: 0px;
margin-top: 30px;
}
とのstyle.cssライン340削除パディング右にを取り除くライン1616年bootstrap.css にこのルールを変更する必要があります。
@media (max-width: 767px)
.block.more {
/* padding-right: 75px; */
}
次に、うまくいくと思います。
ここに関連コードを追加してください。 – Chris
私はそれを編集しようとしましたが、約4つのブロックがあります。彼らは私がコードを追加することを許可しません。 –
エラーは何ですか? – Chris