కోర్సు సిఫారసులు:

Bootstrap 5 అప్రేంట్

అప్రేంట్

Bootstrap 5 ఒక ప్రిడఫైన్డ్ అప్రేంట్ మెసేజెస్ సృష్టించడానికి సులభమైన పద్ధతిని అందిస్తుంది:

  • అప్రేంట్ బాక్స్ అనుచర క్లాస్ తో సృష్టించబడింది, కాకపోతే ఏ కాంటెక్స్ క్లాస్ కూడా ఉపయోగించవచ్చు:
  • .alert-success
  • .alert-info
  • .alert-warning
  • .alert-danger
  • .alert-primary
  • .alert-secondary
  • .alert-light

ప్రతిమాత్రం

<div class="alert alert-success">
  <strong>విజయం! </strong>ఈ అప్రేంట్ బాక్స్ విజయాన్ని లేదా సకారాత్మక చర్యను సూచిస్తుంది.
</div>

స్వయంగా ప్రయత్నించండి

.alert-dark

అప్రేంట్ లింకులు .alert-link అప్రేంట్ బాక్స్ లోని ఏ లింకులకైనా క్లాస్ జోడించడం ద్వారా "సరికొలుపు రంగు లింకులు" సృష్టించవచ్చు:

ప్రతిమాత్రం

<div class="alert alert-success">
  <strong>విజయం! </strong>మీరు ఈ సందేశాన్ని <a href="#" class="alert-link">చదవండి</a> ఉండాలి.
</div>

స్వయంగా ప్రయత్నించండి

అప్రేంట్ మూసివేయండి

అప్రేంట్ సందేశాన్ని మూసివేయడానికి .alert-dismissible అప్రేంట్ కన్టైనర్ కు క్లాస్ జోడించండి. అప్పుడు class="btn-close" మరియు data-bs-dismiss="alert" లింకులు లేదా బటన్ ఎలిమెంట్స్ కు జోడించండి (మీరు దానిని క్లిక్ చేసినప్పుడు, అప్రేంట్ బాక్స్ తొలగిస్తుంది).

ప్రతిమాత్రం

<div class="alert alert-success alert-dismissible">
  <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
  <strong>విజయం! </strong>ఈ అప్రేంట్ బాక్స్ విజయాన్ని లేదా సకారాత్మక చర్యను సూచిస్తుంది.
</div>

స్వయంగా ప్రయత్నించండి

అనుచర ప్రభావాలు

.fade మరియు .show అనుచర ప్రత్యాహార ప్రభావాన్ని జోడించడానికి క్లాస్ ఉపయోగించండి:

ప్రతిమాత్రం

<div class="alert alert-danger alert-dismissible fade show">

స్వయంగా ప్రయత్నించండి