Bootstrap (ඉදිරි-අන්තයක් රාමුව)

විකිපීඩියා වෙතින්
Bootstrap
Original author(s)Mark Otto, Jacob Thornton
සංවර්ධක(යෝ)Bootstrap Core Team
ප්‍රථම නිකුතුවඅගෝස්තු 19, 2011; වසර 12 කට පෙර (2011-08-19)
ස්ථායි නිකුතුව
3.3.7 / ජූලි 25, 2016; වසර 7 කට පෙර (2016-07-25)[1]
පූර්ව දර්ශන නිකුතුව
4.0.0-alpha.6 / ජනවාරි 6, 2017; වසර 7 කට පෙර (2017-01-06)[2]
Repository
ක්‍රමලේඛන භාෂා(ව)HTML, CSS, Less (v3), Sass (v4) and JavaScript
පරිගණක වේදිකාවWeb engines
බලපත්‍රයMIT License (Apache License 2.0 prior to 3.1.0)
වෙබ් අඩවියgetbootstrap.com Edit on Wikidata

Bootstrap යනු වෙබ් අඩවි සහ වෙබ් යෙදුම් නිර්මාණය සඳහා වු නිදහස් හා විවෘත මූලාශ්ර ඉදිරිපස අවසානය වෙබ් රාමුවකි. එහි HTML- හා අකුරුකරණය සඳහා CSS මත පදනම් නිර්මාණය සැකිලි,ආකෘති පත්ර, බොත්තම්, නාවික සහ අනෙකුත් අතුරු මුහුණත සංරචක අඩංගු වනවා ,එවගේම විකල්ප JavaScript සක්රීය දිගු අඩංගු වනවා. Unlike many web frameworks, බොහෝ වෙබ් රාමුව මෙන් නොව,එය ඉදිරි-අන්තයක් සංවර්ධනයට පමණක් සම්බන්ධයි.

Bootstrap යනු GitHub හි තරු 107.000 කට වඩා වැඩි සහ ගෑරුප්පු .48,000 සමග දෙවේනියට වඩාත්ම තරු රඟපෑ ව්යාපෘතියකි [3]

සම්භවය[සංස්කරණය]

මුලින් Bootstrap ,Twitter Blueprint නම් විය. එය Mark Otto සහ Jacob Thornton විසින් Twitter හි අභ්යන්තර මෙවලම් හරහා අනුකූලතාවක් දිරිමත් කිරීම සඳහා රාමුවක් ලෙස නිර්මාණය කරන ලදී. Bootstrap නිර්මාණයට පෙර, අතුරු මුහුණත සංවර්ධනය සඳහා විවිධ නොගැලපීම් සහිත libraries භාවිතා කරන ලදී. Twitter සංවර්ධක Mark Otto ට අනුව:

"A super small group of developers and I got together to design and build a new internal tool and saw an opportunity to do something more. Through that process, we saw ourselves build something much more substantial than another internal tool. Months later, we ended up with an early version of Bootstrap as a way to document and share common design patterns and assets within the company."[4]

කුඩා කණ්ඩායමක් විසින් සංවර්ධනය මාස කිහිපයකට පසු,Twitter හි බොහෝ සංවර්ධකයින් වැටෙයි සතිය කොටසක් ,මෙම ට්විටර් සංවර්ධන කණ්ඩායමක් සඳහා hackathon පන්නයේ සතියේ ලෙස ව්යාපෘතිය සඳහා දායක විය. එයTwitter Blueprint සිට Bootstrap ලෙස නම වෙනස් කල අතර,සහ 2011, අගෝස්තු 19 දිනදී, විවෘත මූලාශ්ර ව්යාපෘතියක් ලෙස නිකුත් කරන ලදී.[5]Mark Otto, Jacob Thornton, හරය සංවර්ධකයින් ගේ කුඩා කණ්ඩායමක්, එවගේම දායකයන් විශාල ප්රජා විසින් දිගටම පැවත තිබේ.[6]

ජනවාරි 31, 2012 වෙනිදා දොළොස්-තීරුව ප්රතිචාර විදුලිබල පද්ධතියට සැකැස්ම පද්ධතිය, Glyphicons සඳහා සවිකල සහයෝගය, නව සංරචක කිහිපයක් මෙන්ම, දැනට පවතින බොහෝ අංග වෙනස්කම් එකතු කරන, Bootstrap 2 නිකුත් විය

අගෝස්තු 19, 2013, පැතලි නිර්මාණය, සහ පළමු ජංගම ප්රවේශය භාවිතා කිරීමට සංරචක ප්රතිනිර්මාණය කරන, Bootstrap 3 නිකුත් කරන ලදී.[7]

ඔක්තෝබර් 29, 2014,Mark Otto විසින් Bootstrap 4 සංවර්ධනය බව ප්රකාශ කලේය. Bootstrap 4 හි පළමු ඇල්ෆා සංස්කරණය අගෝස්තු 19, 2015 දින නිකුත් කරන ලදී.

විශේෂාංග[සංස්කරණය]

Bootstrap 3 Google Chrome නවතම අනුවාදයන්, Firefox, Internet Explorer, Opera සහ Safari (Windows මත හැර) සඳහා සහය දක්වයි. එය මීට අමතරව නවතම ෆයර්ෆොක්ස් පුලුල් සහාය මුදා (ESR) වෙත සහය දක්වයි.[8]

2.0 සිට, Bootstrap ප්රතිචාර වෙබ් නිර්මාණය සඳහා සහය දක්වයි. මේ මගින් වෙබ් පිටු පිරිසැලසුම භාවිතා උපාංගය ලක්ෂණ සැලකිල්ලට ගනිමින්, ගතිකව හුරු බවයි (ඩෙස්ක්ටොප්, ටැබ්ලට්, ජංගම දුරකථනය) .

3.0 වෙළුම සමඟ Bootstrap සම්මත ජංගම-ප්රථම නිර්මාණය දර්ශනය,පෙර සැකසුම මඟින් අවධාරණය ප්රතිචාර නිර්මාණය ආරම්භ කලේය.

වෙළුම 4.0 ඇල්ෆා නිදහස් කිරීමත් සමග Sass සහ flexbox සහයෝගය එකතු විය .

Structure and function[සංස්කරණය]

Example of a webpage using Bootstrap framework
Bootstrap රාමුව භාවිතා කරමින් නිදර්ශන වෙබ් පිටුවක් මොසිල්ලා ෆයර්ෆොක්ස් පිරිනැමිය

Bootstrap යානු මොඩියුලක් සහ සමන්විත වුණා අඩු විලාස පත් වලින් සමන්විත වුණ විවිධ මෙවලම් කට්ටලයේ උපාංග ක්රියාත්මක කිරීම මගින්. මෙම stylesheets සාමාන්යයෙන් මිටියක් සමගම සම්පාදනය කර ඇති අතර, වෙබ් පිටු තුළ ඇතුළත් වේ.නමුත් තනි තනි කොටස් ඇතුළත් හෝ ඉවත් කළ හැකිය. Bootstrap විවිධ සංරචක වර්ණ හා පුරවන වැනි වින්යාස විචල්යයන් ගණනාවක් සපයයි.

Bootstrap 2 සිට, Bootstrap ලේඛගතකිරීමහි ඉල්ලා සංරචක සහ විවිධ සැකසුම් මත පදනම් bootstrap වල සැකසුණු අනුවාදය උත්පාදනය වන පාරිභෝගිකයාගේ තැනීමේ මායා අඳුන ඇතුළත් කර ඇත.

Bootstrap 4 වන විට stylesheets සඳහා ඒ වෙනුවට අඩු Sass භාවිතා වේ.

එක් එක් Bootstrap HTML ව්යුහය, CSS වේ ප්රකාශ, සහ සමහර අවස්ථාවල දී JavaScript කේතය කැටුව යන සංරචකයේ සමන්විත වේ.

තීරු පද්ධතිය සහ වගකිව යුතු නිර්මාණ පැමිණෙන්නේ 1170 පික්සල් පුරා පිරිසැලසුම සහිත ප්රමිතිය තීරු පද්ධතියකින් යුක්තය. විකල්පයක් ලෙස, සංවර්ධක විචල්ය-පළල සැකැස්ම භාවිතා කළ හැකියඅවස්තා දෙකේහිම ,මෙම උපකරණ කට්ටලය විවිධ දර්ශන වෙනස්කම් හතරක් ඇති අතර, උපකරණ මාදිලි: ජංගම දුරකථන, චිත්රයක් භූ, ටැබ් සහ අඩු සහ ඉහළ විභේදනයක් සහිත පුද්ගලික පරිගණකය

Stylesheet[සංස්කරණය]

Bootstrap සියලු ප්රධාන HTML සංරචක සඳහා මූලික ශෛලිය අර්ථ දැක්වීම් ලබා දෙනු ලබන stylesheets කට්ටලයක් සපයයි. මෙය නිල ඇඳුමක්,පෙළ හැඩතලගැන්වීම සඳහා නවීන පෙනුමක්,වගු ආකෘතිය හා අංග සපයනු ලැබේ

Re-usable components[සංස්කරණය]

නිත්ය HTML අංග වලට අමතරව,Bootstrap පොදුවේ භාවිතා අනෙකුත් අතුරු මුහුණත මූලද්රව්ය අඩංගු වේ.සංඝටකයන් HTML පිටුවක නිශ්චිත අංග වලට ඇතුලත් කරන CSS වේ පන්ති ලෙසින් ක්රියාත්මක වේ.

JavaScript components[සංස්කරණය]

Bootstrap jQuery ප්ලගින ස්වරූපයෙන් JavaScript සංරචක කිහිපයක් සමඟ පැමිණේ . ඔවුන් සංවාද කොටු, tooltips, සහ carousels වැනි අමතර පරිශීලක අතුරු මුහුණත මූලද්රව්ය සපයයි. ඔවුන් සමහර පවතින අතුරු මුහුණත මූලද්රව්ය ක්රියාකාරීත්වය දීර්ඝ කළේය, උදාහරණයක් ලෙස ආදාන ක්ෂේත්ර සඳහා ස්වයංක්රීය සම්පූර්ණ ශ්රිතය.අනුවාදය 2.0, පහත සඳහන් JavaScript ප්ලගින සහය දක්වයි: බහුවිධ, ඩ්රොප් ඩවුන්, Scrollspy, Tab, Tooltip,Popover, ඇලර්ට්, බොත්තම, Collapse,Carousel and Typeahead.

Bootstrap 4[සංස්කරණය]

ඔක්තෝබර් 29, 2014, මාක් ඔටෝ Bootstrap 4 සංවර්ධනය කල බව ප්රකාශ කලේය. සැප්තැම්බර් 6, 2016 දින Bootstrap 4 මත වැඩ කිරීමට කාලය නිදහස් කිරීම සඳහා මාර්ක් Bootstrap 3 වැඩ තහනම් කළේය 4000 කට අධික commits මේ වන විට Bootstrap 4 codebase කටයුතු කර ඇත .

bootstrap 3 සිට 4 bootstrap දක්වා සම්පූර්ණ නැවත ලිවියවේ. සැලකිය යුතු වෙනස්කම් ඇතුළත්:

  • Less සිට Sass මාරු විය.
  • IE8,IE9, සහ iOS 6 සහයෝගය පහත වැටුනි.
  • flexbox පහසුකම එකතු විය පසුව flexbox නොවන සහයෝගය පහත වැටුනි.
  • pixels සිට rems මාරු විය.
  • 14px සිට 16px දක්වා ගෝලීය අකුරු ප්රමාණයේ වැඩි විය
  • panel, thumbnail, හා හොඳින් සංරචක පහත වැටී ඇත.
  • මෙම Glyphicons අයිකනය අකුරු පහත වැටී ඇත.
  • පේජරය සංරචකය පහත වැටී ඇත.
  • නැවත ලියා සියලුම දෙනා පාහේ සංරචක,jQuery ප්ලගින හා ලිපි ලේඛන.

See also[සංස්කරණය]

  • CSS framework
  • Responsive web design

References[සංස්කරණය]

  1. Rebert, Chris (July 25, 2016). "Bootstrap 3.3.7 released". November 23, 2016 දින මුල් පිටපත වෙතින් සංරක්ෂණය කරන ලදී. සම්ප්‍රවේශය February 23, 2017. {{cite web}}: Unknown parameter |dead-url= ignored (|url-status= suggested) (help)
  2. Otto, Mark (January 6, 2017). "Bootstrap 4 Alpha 6". January 13, 2017 දින මුල් පිටපත වෙතින් සංරක්ෂණය කරන ලදී. සම්ප්‍රවේශය February 23, 2017. {{cite web}}: Unknown parameter |dead-url= ignored (|url-status= suggested) (help)
  3. "Search · stars:>1". GitHub. සම්ප්‍රවේශය February 23, 2017.
  4. Otto, Mark (January 17, 2012). "Bootstrap in A List Apart No. 342". Mark Otto's blog. October 28, 2016 දින මුල් පිටපත වෙතින් සංරක්ෂණය කරන ලදී. සම්ප්‍රවේශය February 23, 2017. {{cite web}}: Unknown parameter |dead-url= ignored (|url-status= suggested) (help)
  5. Otto, Mark (August 19, 2011). "Bootstrap from Twitter". Developer Blog. Twitter. February 23, 2017 දින මුල් පිටපත වෙතින් සංරක්ෂණය කරන ලදී. සම්ප්‍රවේශය February 23, 2017. {{cite web}}: Unknown parameter |dead-url= ignored (|url-status= suggested) (help)
  6. "About". Bootstrap. සම්ප්‍රවේශය February 23, 2017.
  7. Otto, Mark (August 19, 2013). "Bootstrap 3 released". October 23, 2016 දින මුල් පිටපත වෙතින් සංරක්ෂණය කරන ලදී. සම්ප්‍රවේශය February 23, 2017. {{cite web}}: |archive-date= / |archive-url= timestamp mismatch; $1 suggested (help); Unknown parameter |dead-url= ignored (|url-status= suggested) (help)
  8. "Supported browsers". Bootstrap. සම්ප්‍රවේශය February 23, 2017.

External links[සංස්කරණය]

  • Bootstrap Blog - The official Bootstrap blog maintained by the developer, Mark Otto