Is dynamic card width possible?
還沒有人認領這個 Issue。
評估
- 難度
- 5/5
- 預估耗時
- 一週以上
- 新手友好度
- 25/100
- Issue 類型
- 功能
- 描述清晰度
- 需要釐清
- 活躍度
- 停滯
- 技術堆疊
- angular, bootstrap, javascript
- 領域
- frontend
研究方向
先閱讀 issue 中提到的 cardWidth 計算，並使用 Bootstrap 的回應式 12 欄版面配置和不同大小的圖片重現該行為。確認在 Bootstrap 套用尺寸設定後，卡片寬度是否可以跟隨算繪出的回應式欄；done 應表示無論瀏覽器和裝置寬度為何，滑動都能保持正確的圖片和卡片尺寸。
由索引模型根據 Issue 內容生成。
描述
Hi,
First, nice project! Thank you!
I am using bootstrap and its 12 grid system. I have picture of various sizes, and I currently display them inside a size 8 column with 2 columns on each side. I have width:100% on the picture so regardless of the size of the picture or size of the browser/device the picture stretch/shrink nicely and fill/fit the size 8 column.
When user swipe, I move to next picture. I try to use this project to have slide effect but cannot. The container has a huge width to hold all the pictures so it does not wrap. The width 100% on the image will stretch it to very large and got the wrong size. Set width:auto does not work because my picture has various sizes. Set to a specific pixel works but does not work when browser/device width changes.
I also tried to put the column inside cardflow. Did not work because the size 8 column has 66.66% as width and stretches to really big. I tried put the whole row inside cardflow. Also does not work. Basically the row could no longer figure out the browser/device width, or it is overwrite by cardflow.
I looked a little into the code. I see a calculation of cardWidth. Is it possible to have a dynamic cardWidth calculated after bootstrap apply the width to the pictures?
Thank you in advance.
--Gordon
- 主要語言
- JavaScript
- 星號
- 15
- 分支
- 7
- PR 合併指標
- 30 天內沒有已合併 PR
環境準備
這個專案沒有提供開發容器、Dockerfile 或貢獻指南，環境需要你自己搭建：先看它的 README，通用步驟見我們的新手貢獻指南。
從這裡開始
- 先讀完整個 Issue，再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫，在一個分支上完成修改。
- 送出 Pull Request，並在描述裡引用這個 Issue 編號。
konsumer/angular-cardflow 的其他 Issue
-
Infinite looping未關閉
難度 5/5 一週以上 新手友好度 25/100
konsumer/angular-cardflow#3 · 1 則留言 ·
-
Dynamic load未關閉
難度 4/5 3-5 天 新手友好度 35/100
konsumer/angular-cardflow#1 · 15 則留言 ·
查看 konsumer/angular-cardflow 的全部 Issue
相似的 Issue
-
area:ui
難度 2/5 1-3 小時 新手友好度 78/100
openfootmanager/openfootmanager#1365 ·
維護者通常 1 天內回覆
-
documentation
難度 2/5 1-3 小時 新手友好度 86/100
NuSkooler/enigma-bbs#988 ·
維護者通常 1 天內回覆
-
難度 2/5 1-3 小時 新手友好度 77/100
-
Thêm tệp .env未關閉
難度 1/5 1 小時以內 新手友好度 65/100
-
難度 2/5 1-3 小時 新手友好度 67/100
mikemccand/luceneutil#644 ·
維護者通常 4 天內回覆