iT邦幫忙

0

RWD+DIV 置中問題

小弟在研究 RWD 裡的 DIV 置中
上網研究了下,實在是搞不太懂方向

還請前輩指點,想做的範例如下圖
DIV包DIV,以及這種網頁有辦法直接在上面看CSS是怎麼寫的嗎?

https://ithelp.ithome.com.tw/upload/images/20180713/20077228bMhsem2u3Q.png

http://www.alloyteam.com/

謝謝

0

使用chrome瀏覽器,按下F12,操作請參考以下方式:
https://developers.google.com/web/tools/chrome-devtools/inspect-styles/?hl=zh-tw

另外div包div置中,如下列第三個範例:
http://www.oxxostudio.tw/demo/201501/css-flexbox-demo3.html

student iT邦新手 5 級 ‧ 2018-07-13 16:56:50 檢舉

您好,我研究看看謝謝

請問有 div包div + RWD排列的範例嗎? 我主要是找這組合
DIV包DIV我有Google到一些資料

你把div加上bootstrap的class, 就是div包div + RWD了

0
froce
iT邦高手 1 級 ‧ 2018-07-13 14:44:08

...他們用的就是bootstrap啊。
搞不懂RWD就去學bootstrap。就這樣。

student iT邦新手 5 級 ‧ 2018-07-13 16:50:46 檢舉

您好,我研究看看謝謝

0
partyyaya
iT邦新手 5 級 ‧ 2018-07-13 17:26:01

請參考 bootstrap :
https://learnprogramming.gitbook.io/program/

<div class="container">
  <div class="row justify-content-center">
      <div class="col ">放入你的內容</div>
      <div class="col ">放入你的內容</div>
      <div class="col ">放入你的內容</div>
  </div>
</div>

我要發表回答

立即登入回答