[問題] bootstrap的排版問題消失

看板Web_Design作者lueichun時間7年前 (2017/02/18 19:53)推噓0(0推 0噓 4→)

留言4則, 3人參與討論串1/1

我現在嘗試用基本的botstrap語法來對網頁排版希望可以做到以下的效果： https://dl.dropboxusercontent.com/u/63402326/%E6%9C%AA%E5%91%BD%E5%90%8D3.png

文字要置中下拉式選單跟輸入欄位都要放在上一層的container內但我不管怎麼試都會是這樣： https://dl.dropboxusercontent.com/u/63402326/%E6%9C%AA%E5%91%BD%E5%90%8D4.png

文字欄位會超出上一層的container (上一層的div是藍色綠色的區塊而文字欄位會超出這區塊) 然後就跟後面的按鈕重疊而且文字不能置中 (名稱這兩個字我希望可以出現在下拉式選單跟文字欄位中間)： https://dl.dropboxusercontent.com/u/63402326/%E6%9C%AA%E5%91%BD%E5%90%8D5.png

請問這樣該怎麼修改才能讓文字欄位是在上一層的container 且文字能置中呢 code： https://jsfiddle.net/rcyang/muxzqtnd/1/ (要用Google Chrome才能正常開啟) 另外我想請問關於Bootstrap的用法除了w3school跟到官網下載code來看之外還有其他適合初學者的資源嗎不然只是看這些東西感覺還是很多都不懂只能一直try error -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 49.215.16.239 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1487418798.A.725.html ※ 編輯: lueichun (49.215.16.239), 02/18/2017 19:58:23

→

dinos

02/19 13:21, , 1^F

02/19 13:21, 1^F

→

lalalalaluk

02/20 10:43, , 2^F

02/20 10:43, 2^F

→

benjamin213

02/20 13:05, , 3^F

02/20 13:05, 3^F