Bootstrap Random Class Use

Bootstrap Random Class का उपयोग कैसे कर सकते हैं उसके बारे मे इस Article मे बताया गया हैं ।

Bootstrap में Colour के अनुसार अलग अलग क्लास होती हैं जैसे primary, secondary, warning, dark, light आदि, कभी कभी ऐसे situation आती हैं की हमें loop में हर Row पर अलग अलग colour करना होते हैं, इस स्तिथि में हम इस logic से Bootstrap Class को Randomly उपयोग में ले सकते हैं ।

<html>
	<head>
		<title>Bootstrap Random Class Example</title>
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
	</head>
	<body>
	<?php

		$v=0;
		$RandomValue[1] = 'primary';
		$RandomValue[2] = 'secondary';
		$RandomValue[3] = 'success';
		$RandomValue[4] = 'warning';
		$RandomValue[5] = 'danger';
		
		function GetColour($RandomValue, &$v)
		{
			$v ++;
			if ($v > count($RandomValue)) {
				$v =1;
			}
			return $RandomValue[$v];
		}
		
		
		
		$i=0;
		while ($i<10) //Loop 
		{
			$i++;
			$Clr = GetColour($RandomValue, $v);

		?>
			<div class="row p-1 m-1">
				<div class="btn btn-<?php echo $Clr; ?>" >Button</div>
			</div>
		<?php	
		} //

	?>
	</body>
</html>

Bootstrap Random Class Sequence

$v

इस Variable का उपयोग हमने Indexing करने के लिए किया हैं , हमे हर बार अलग अलग Colour का उपयोग करना हैं Sequence मे इसलिए इसमे हर बार एक जुड़ता जाएगा और जैसे ही संख्या Array Count से बड़ी होगी यह फिर से 1 हो जाएगा ।

$RandomValue[1]

यहा पर हमने Array लिया हैं और जो भी Bootstratp के Standard Colour हैं उनके Name को इसमे Assign किया हैं, यदि आप इनमे से कुछ ही Colour का उपयोग करना चाहते हैं तो उन्ही Colour की Entry करे ।

GetColour

	function GetColour($RandomValue, &$v)
	{
		$v ++;
		if ($v > count($RandomValue)) {
			$v =1;
		}
		return $RandomValue[$v];
	}

यह program का main Logic हैं इसमे हमने $v को Refrence Variable के रूप मे लिया हैं और उसे Increment कर Array की Value Return की हैं जो उस Index पर हैं ।

$Clr = GetColour($RandomValue, $v);

इस तरह से Function Call करने से $Clr मे primary , secondary आदि वैल्यू आएगी जो हर बार एक Sequence मे बदल कर आएगी ताकि हर बार आप अलग अलग Colour को अपने प्रोग्राम मे दिखा सके ।

Using Rand Function

यदि हम उपरोक्त Function मे निम्न प्रकार से बदलाव कर देंगे तो जो Colour हैं वह इस प्रकार से कुछ अलग ही sequence मे दिखाई देने लगेंगे ।

function GetColour($RandomValue, &$v)
{
	$v = rand(1, count($RandomValue));
	return $RandomValue[$v];
}
Boostrap Random Class

हमारे अन्य ARTICLE


आशा हैं मुझे की आपको Bootstrap Random Class का उपयोग किसी भी Loop Statement मे किस प्रकार से करना हैं समझ मे आ गया होगा फिर भी यदि कोई Doubt हो तो आप मुझे Comment कर सकते हैं ।

यह Article कैसा लगा हमे जरूर बताए अपना कीमती समय देने के लिए धन्यवाद

Add a Comment

Your email address will not be published. Required fields are marked *