ప్రధాన కంటెంట్‌కు దాటవేయండి
బూట్‌స్ట్రాప్ 4 యొక్క కొత్త వెర్షన్ ఉంది!

ఉదాహరణలు

ఫ్రేమ్‌వర్క్ భాగాలను ఉపయోగించడం నుండి అనుకూల భాగాలు మరియు లేఅవుట్‌ల వరకు మా ఉదాహరణలలో దేనితోనైనా ప్రాజెక్ట్‌ను త్వరగా ప్రారంభించండి.

సోర్స్ కోడ్‌ని డౌన్‌లోడ్ చేయండి

అనుకూల భాగాలు

బూట్‌స్ట్రాప్‌తో త్వరగా ప్రారంభించడంలో మరియు ఫ్రేమ్‌వర్క్‌లో జోడించడం కోసం ఉత్తమ పద్ధతులను ప్రదర్శించడంలో వ్యక్తులకు సహాయపడటానికి సరికొత్త భాగాలు మరియు టెంప్లేట్‌లు.

ఆల్బమ్ స్క్రీన్‌షాట్
ఆల్బమ్

ఫోటో గ్యాలరీలు, పోర్ట్‌ఫోలియోలు మరియు మరిన్నింటి కోసం సరళమైన ఒక-పేజీ టెంప్లేట్.

ధర స్క్రీన్షాట్
ధర నిర్ణయించడం

ఉదాహరణ ధరల పేజీ కార్డ్‌లతో నిర్మించబడింది మరియు అనుకూల హెడర్ మరియు ఫుటర్‌ను కలిగి ఉంటుంది.

చెక్అవుట్ స్క్రీన్‌షాట్
చెక్అవుట్

మా ఫారమ్ భాగాలు మరియు వాటి ధృవీకరణ లక్షణాలను చూపే అనుకూల చెక్అవుట్ ఫారమ్.

ఉత్పత్తి స్క్రీన్‌షాట్
ఉత్పత్తి

విస్తృతమైన గ్రిడ్ మరియు ఇమేజ్ వర్క్‌తో లీన్ ప్రోడక్ట్-ఫోకస్డ్ మార్కెటింగ్ పేజీ.

కవర్ స్క్రీన్‌షాట్
కవర్

సరళమైన మరియు అందమైన హోమ్ పేజీలను రూపొందించడానికి ఒక పేజీ టెంప్లేట్.

రంగులరాట్నం స్క్రీన్షాట్
రంగులరాట్నం

నావ్‌బార్ మరియు రంగులరాట్నంను అనుకూలీకరించండి, ఆపై కొన్ని కొత్త భాగాలను జోడించండి.

బ్లాగ్ స్క్రీన్ షాట్
బ్లాగు

శీర్షిక, నావిగేషన్, ఫీచర్ చేసిన కంటెంట్‌తో బ్లాగ్ టెంప్లేట్ వంటి పత్రిక.

డాష్‌బోర్డ్ స్క్రీన్‌షాట్
డాష్బోర్డ్

స్థిర సైడ్‌బార్ మరియు నావ్‌బార్‌తో ప్రాథమిక అడ్మిన్ డాష్‌బోర్డ్ షెల్.

సైన్-ఇన్ స్క్రీన్‌షాట్
సైన్-ఇన్

సాధారణ సైన్ ఇన్ ఫారమ్ కోసం అనుకూల ఫారమ్ లేఅవుట్ మరియు డిజైన్.

స్టిక్కీ ఫుటర్ స్క్రీన్‌షాట్
అంటుకునే ఫుటర్

పేజీ కంటెంట్ తక్కువగా ఉన్నప్పుడు వీక్షణపోర్ట్ దిగువన ఫుటర్‌ను అటాచ్ చేయండి.

స్టిక్కీ ఫుటర్ నావ్‌బార్ స్క్రీన్‌షాట్
స్టిక్కీ ఫుటర్ నావ్‌బార్

స్థిరమైన టాప్ నావ్‌బార్‌తో వీక్షణపోర్ట్ దిగువన ఫుటర్‌ను అటాచ్ చేయండి.

ముసాయిదా

బూట్‌స్ట్రాప్ అందించిన అంతర్నిర్మిత భాగాల ఉపయోగాలను అమలు చేయడంపై దృష్టి సారించే ఉదాహరణలు.

స్టార్టర్ టెంప్లేట్ స్క్రీన్‌షాట్
స్టార్టర్ టెంప్లేట్

బేసిక్స్ తప్ప మరేమీ లేదు: కంపైల్ చేయబడిన CSS మరియు జావాస్క్రిప్ట్.

గ్రిడ్ స్క్రీన్‌షాట్
గ్రిడ్

నాలుగు శ్రేణులు, గూడు మరియు మరిన్ని ఉన్న గ్రిడ్ లేఅవుట్‌ల యొక్క బహుళ ఉదాహరణలు.

జంబోట్రాన్ స్క్రీన్‌షాట్
జంబోట్రాన్

నావ్‌బార్ మరియు కొన్ని ప్రాథమిక గ్రిడ్ నిలువు వరుసలతో జంబోట్రాన్ చుట్టూ బిల్డ్ చేయండి.

డిఫాల్ట్ నావ్‌బార్ కాంపోనెంట్‌ని తీసుకొని, దానిని ఎలా తరలించవచ్చు, ఉంచవచ్చు మరియు పొడిగించవచ్చు.

Navbars స్క్రీన్‌షాట్
నవబార్లు

navbar కోసం అన్ని ప్రతిస్పందించే మరియు కంటైనర్ ఎంపికల ప్రదర్శన.

Navbar స్టాటిక్ స్క్రీన్‌షాట్
నవబార్ స్టాటిక్

కొన్ని అదనపు కంటెంట్‌తో పాటు స్టాటిక్ టాప్ నావ్‌బార్ యొక్క సింగిల్ నావ్‌బార్ ఉదాహరణ.

Navbar స్థిర స్క్రీన్‌షాట్
నవబార్ పరిష్కరించబడింది

కొన్ని అదనపు కంటెంట్‌తో పాటు స్థిర టాప్ నావ్‌బార్‌తో ఒకే నావ్‌బార్ ఉదాహరణ.

Navbar దిగువన స్క్రీన్‌షాట్
Navbar దిగువన

కొన్ని అదనపు కంటెంట్‌తో పాటు దిగువ నావ్‌బార్‌తో ఒకే నావ్‌బార్ ఉదాహరణ.

ప్రయోగాలు

భవిష్యత్తు-స్నేహపూర్వక లక్షణాలు లేదా సాంకేతికతలపై దృష్టి సారించే ఉదాహరణలు.

ఫ్లోటింగ్ లేబుల్స్ స్క్రీన్‌షాట్
తేలియాడే లేబుల్స్

మీ ఇన్‌పుట్‌లపై తేలియాడే లేబుల్‌లతో అందంగా సరళమైన ఫారమ్‌లు.

ఆఫ్కాన్వాస్ స్క్రీన్‌షాట్
ఆఫ్కాన్వాస్

మీ విస్తరించదగిన నావ్‌బార్‌ను స్లైడింగ్ ఆఫ్‌కాన్వాస్ మెనూగా మార్చండి.