RWD+DIV 置中問題 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0

RWD+DIV 置中問題

rwd div

student 2018-07-13 14:14:44 ‧ 4140 瀏覽

分享至

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

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

http://www.alloyteam.com/

謝謝

登入發表討論

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

4 個回答

0

跟著鄉民看熱鬧

iT邦高手 1 級 ‧ 2018-07-13 14:19:33

使用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

回應 2
分享
檢舉

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

您好，我研究看看謝謝

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

跟著鄉民看熱鬧 iT邦高手 1 級 ‧ 2018-07-13 17:11:19 檢舉

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

登入發表回應

0

froce

iT邦大師 1 級 ‧ 2018-07-13 14:44:08

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

回應 1
分享
檢舉

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

您好，我研究看看謝謝

登入發表回應

0

居然解出來了

iT邦好手 1 級 ‧ 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>

回應
分享
檢舉

登入發表回應

0

thevid

iT邦新手 5 級 ‧ 2018-12-24 12:31:49

chrome裝presticde + 配合f12

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22207 篇

完賽人數

600 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙