મુખ્ય સામગ્રી પર જાઓ
બુટસ્ટ્રેપ 4 નું નવું સંસ્કરણ છે!

ઉદાહરણો

ફ્રેમવર્કના ભાગોના ઉપયોગથી લઈને કસ્ટમ ઘટકો અને લેઆઉટ સુધીના અમારા કોઈપણ ઉદાહરણો સાથે ઝડપથી પ્રોજેક્ટ શરૂ કરો.

સ્રોત કોડ ડાઉનલોડ કરો

કસ્ટમ ઘટકો

લોકોને બુટસ્ટ્રેપ સાથે ઝડપથી પ્રારંભ કરવામાં અને ફ્રેમવર્કમાં ઉમેરવા માટેની શ્રેષ્ઠ પદ્ધતિઓ દર્શાવવામાં મદદ કરવા માટે તદ્દન નવા ઘટકો અને નમૂનાઓ.

આલ્બમ સ્ક્રીનશોટ
આલ્બમ

ફોટો ગેલેરીઓ, પોર્ટફોલિયો અને વધુ માટે સરળ એક-પૃષ્ઠ નમૂનો.

કિંમતનો સ્ક્રીનશોટ
ભાવ

કાર્ડ્સ સાથે બનેલ અને કસ્ટમ હેડર અને ફૂટર દર્શાવતું ઉદાહરણ કિંમત પેજ.

ચેકઆઉટ સ્ક્રીનશોટ
ચેકઆઉટ

કસ્ટમ ચેકઆઉટ ફોર્મ અમારા ફોર્મ ઘટકો અને તેમની માન્યતા સુવિધાઓ દર્શાવે છે.

ઉત્પાદન સ્ક્રીનશૉટ
ઉત્પાદન

વ્યાપક ગ્રીડ અને ઇમેજ વર્ક સાથે દુર્બળ ઉત્પાદન-કેન્દ્રિત માર્કેટિંગ પૃષ્ઠ.

કવર સ્ક્રીનશોટ
આવરણ

સરળ અને સુંદર હોમ પેજ બનાવવા માટે એક-પૃષ્ઠનો નમૂનો.

કેરોયુઝલ સ્ક્રીનશોટ
હિંડોળા

નેવબાર અને કેરોયુઝલને કસ્ટમાઇઝ કરો, પછી કેટલાક નવા ઘટકો ઉમેરો.

બ્લોગ સ્ક્રીનશોટ
બ્લોગ

હેડર, નેવિગેશન, ફીચર્ડ કન્ટેન્ટ સાથે બ્લોગ ટેમ્પલેટ જેવું મેગેઝિન.

ડેશબોર્ડ સ્ક્રીનશોટ
ડેશબોર્ડ

નિશ્ચિત સાઇડબાર અને નેવબાર સાથે મૂળભૂત એડમિન ડેશબોર્ડ શેલ.

સાઇન-ઇન સ્ક્રીનશોટ
સાઇન ઇન કરો

સરળ સાઇન ઇન ફોર્મ માટે કસ્ટમ ફોર્મ લેઆઉટ અને ડિઝાઇન.

સ્ટીકી ફૂટર સ્ક્રીનશોટ
સ્ટીકી ફૂટર

જ્યારે પૃષ્ઠ સામગ્રી ટૂંકી હોય ત્યારે વ્યુપોર્ટની નીચે ફૂટર જોડો.

સ્ટીકી ફૂટર નવબાર સ્ક્રીનશોટ
સ્ટીકી ફૂટર નવબાર

નિશ્ચિત ટોચના નેવબાર વડે વ્યુપોર્ટના તળિયે ફૂટર જોડો.

ફ્રેમવર્ક

બુટસ્ટ્રેપ દ્વારા પૂરા પાડવામાં આવેલ બિલ્ટ-ઇન ઘટકોના ઉપયોગના અમલીકરણ પર ધ્યાન કેન્દ્રિત કરતા ઉદાહરણો.

સ્ટાર્ટર ટેમ્પલેટ સ્ક્રીનશોટ
સ્ટાર્ટર ટેમ્પલેટ

બેઝિક્સ સિવાય કંઈ નહીં: કમ્પાઈલ CSS અને JavaScript.

ગ્રીડ સ્ક્રીનશોટ
ગ્રીડ

ચારેય સ્તરો, નેસ્ટિંગ અને વધુ સાથે ગ્રીડ લેઆઉટના બહુવિધ ઉદાહરણો.

જમ્બોટ્રોન સ્ક્રીનશોટ
જમ્બોટ્રોન

નવબાર અને કેટલાક મૂળભૂત ગ્રીડ કૉલમ સાથે જમ્બોટ્રોનની આસપાસ બનાવો.

ડિફૉલ્ટ નેવબાર ઘટક લેવું અને તેને કેવી રીતે ખસેડી, મૂકી શકાય અને વિસ્તૃત કરી શકાય તે દર્શાવવું.

Navbars સ્ક્રીનશોટ
નવબાર્સ

નવબાર માટે તમામ પ્રતિભાવશીલ અને કન્ટેનર વિકલ્પોનું પ્રદર્શન.

Navbar સ્ટેટિક સ્ક્રીનશૉટ
નવબાર સ્થિર

કેટલીક વધારાની સામગ્રી સાથે સ્ટેટિક ટોપ નવબારનું સિંગલ નવબાર ઉદાહરણ.

Navbar નિશ્ચિત સ્ક્રીનશોટ
નવબાર નિશ્ચિત

કેટલીક વધારાની સામગ્રી સાથે નિશ્ચિત ટોચના નવબાર સાથે સિંગલ નવબાર ઉદાહરણ.

નવબાર નીચેનો સ્ક્રીનશોટ
નવબાર નીચે

કેટલાક વધારાના કન્ટેન્ટ સાથે નીચેના નવબાર સાથે સિંગલ નવબારનું ઉદાહરણ.

પ્રયોગો

ઉદાહરણો કે જે ભવિષ્ય માટે અનુકૂળ સુવિધાઓ અથવા તકનીકો પર ધ્યાન કેન્દ્રિત કરે છે.

ફ્લોટિંગ લેબલનો સ્ક્રીનશોટ
ફ્લોટિંગ લેબલ્સ

તમારા ઇનપુટ્સ પર ફ્લોટિંગ લેબલ્સ સાથે સુંદર રીતે સરળ સ્વરૂપો.

ઑફકેનવાસ સ્ક્રીનશૉટ
ઑફકેનવાસ

તમારા એક્સપાન્ડેબલ નેવબારને સ્લાઇડિંગ ઑફકેનવાસ મેનૂમાં ફેરવો.