2017-07-31 3 views
-5

BootstrapなしでJquery、Jquery UIだけを使用して、Bootstrapからカードのような構造を作成できますか?私が行うためにカードを必要とする何ブートストラップなしでブートストラップカードを作成できますか?

は、はい、私は本当に作業例を申し上げている場合、以下の enter image description here

などのヘッダ、本文とフッターを持っています。 私はコードで使用しているアニメーションを混乱させるので、ブートストラップは使用できません。

+2

もちろん、最初からコード化することができます。それは非常にシンプルなので、あなたのために書かれたコードを要求する場所ではない –

+0

カードを作成するのにjQueryは必要ありません。ちょうどCSS –

+0

あなたはウェブ開発者であれば、HTML/CSSはゼロから。それはあなたのアニメーションを混乱させることはありません。 –

答えて

0

SCSSを使用している場合は、ブートストラップgithubを使用してソースコードを検索し、必要に応じて変更することができます。ミックスインと変数をトレースして、自分の値で置き換える必要があります。

https://github.com/twbs/bootstrap/blob/v4-dev/scss/_card.scss

0

これは、私は、ブートストラップなしでブートストラップ・カードを作成し、jQueryの機能でそれをカプセル化する方法のcodepenです。あなたがやるべきではない

いくつかのこと:

-don't使用display:table, with display: row。そうした場合、border-collapse: collapseも使用しない限り、境界線は正しく表示されません。この場合、border-radiusは機能しません。代わりにdisplay flexを使用してください。

https://codepen.io/dumitrudan608/pen/eEdPVG

関連する問題