বুটষ্ট্ৰেপ সম্প্ৰসাৰণ কৰা হৈছে

অন্তৰ্ভুক্ত শৈলী আৰু উপাদানসমূহৰ সুবিধা ল'বলৈ বুটষ্ট্ৰেপ সম্প্ৰসাৰণ কৰক, লগতে LESS চলকসমূহ আৰু মিক্সিনসমূহ।

কম CSS

বুটষ্ট্ৰেপ ইয়াৰ মূলত LESS ৰ সৈতে তৈয়াৰ কৰা হৈছে, আমাৰ ভাল বন্ধু, Alexis Sellier দ্বাৰা সৃষ্টি কৰা এটা গতিশীল ষ্টাইলশ্বীট ভাষা । ই চিস্টেম-ভিত্তিক CSS বিকাশ কৰাটো দ্ৰুত, সহজ, আৰু অধিক মজাদাৰ কৰে।

কিয় LESS?

বুটষ্ট্ৰেপৰ এজন সৃষ্টিকৰ্তাই এই বিষয়ে এটা দ্ৰুত ব্লগ পোষ্ট লিখিছিল , ইয়াত সংক্ষিপ্তভাৱে উল্লেখ কৰা হৈছে:

  • বুটষ্ট্ৰেপে Sass ৰ তুলনাত কমৰ সৈতে দ্ৰুত ~6x দ্ৰুত কমপাইল কৰে
  • জাভাস্ক্রিপ্টত কম লিখা হয়, যাৰ ফলত ছাছৰ সৈতে ৰুবীৰ তুলনাত আমাৰ বাবে ডাইভ ইন আৰু পেচ কৰাটো সহজ হৈ পৰে।
  • কম বেছি; আমি অনুভৱ কৰিব বিচাৰো যে আমি CSS লিখিছো আৰু Bootstrap সকলোৰে বাবে কাষ চাপিব পৰা কৰি আছো।

কি অন্তৰ্ভুক্ত কৰা হৈছে?

CSS ৰ এটা সম্প্ৰসাৰণ হিচাপে, LESS এ চলকসমূহ, ক'ডৰ পুনৰ ব্যৱহাৰযোগ্য স্নিপেটসমূহৰ বাবে মিক্সিনসমূহ, সৰল গণিতৰ বাবে কাৰ্য্যসমূহ, নেষ্টিং, আৰু আনকি ৰঙৰ ফলনসমূহ অন্তৰ্ভুক্ত কৰে।

অধিক জানক

অধিক জানিবলৈ http://lesscss.org/ ৰ অফিচিয়েল ৱেবছাইট চাওক ।

যিহেতু আমাৰ CSS Less ৰ সৈতে লিখা হয় আৰু ভেৰিয়েবল আৰু মিক্সিন ব্যৱহাৰ কৰে, ইয়াক চূড়ান্ত উৎপাদন প্ৰণয়নৰ বাবে কম্পাইল কৰা প্ৰয়োজন। ইয়াত কেনেকৈ।

টোকা: যদি আপুনি পৰিবৰ্তিত CSS ৰ সৈতে GitHub লৈ এটা পুল অনুৰোধ জমা দিছে, আপুনি এই পদ্ধতিসমূহৰ যিকোনো এটাৰ যোগেদি CSS পুনৰায় কম্পাইল কৰিব লাগিব ।

কম্পাইলিঙৰ বাবে সঁজুলি

কমাণ্ড লাইন

আদেশ শাৰীৰ যোগেদি কম্পাইল কৰাৰ বাবে GitHub ত প্ৰকল্প readme ত নিৰ্দেশসমূহ অনুসৰণ কৰক ।

জাভাস্ক্রিপ্ট

শেহতীয়া Less.js ডাউনল'ড কৰক আৰু ইয়াৰ পথ (আৰু Bootstrap) ত অন্তৰ্ভুক্ত কৰক <head>

<link rel = "ষ্টাইলশ্বীট/কম" href = "/পথ/ৰ পৰা/বুটষ্ট্ৰেপ.কম" > <script src = "/পথ/ৰ পৰা/কম.js" ></script>  
 

.less নথিপত্ৰসমূহ পুনৰায় কম্পাইল কৰিবলে, মাত্ৰ সিহতক সংৰক্ষণ কৰক আৰু আপোনাৰ পৃষ্ঠা পুনৰায় ল'ড কৰক । Less.js এ সিহতক কম্পাইল কৰে আৰু স্থানীয় সংৰক্ষণত সংৰক্ষণ কৰে।

বেচৰকাৰী মেক এপ

বেচৰকাৰী Mac এপটোৱে .less ফাইলসমূহৰ ডাইৰেকটৰীসমূহ চায় আৰু এটা চোৱা .less ফাইলৰ প্ৰতিটো সংৰক্ষণৰ পিছত ক'ডটো স্থানীয় ফাইলসমূহলৈ কম্পাইল কৰে। যদি আপুনি বিচাৰে, আপুনি স্বয়ংক্ৰিয় ক্ষুদ্ৰকৰণৰ বাবে এপটোত পছন্দসমূহ টগল কৰিব পাৰে আৰু কম্পাইল কৰা ফাইলসমূহ কোনটো ডাইৰেকটৰীত শেষ হয়।

অধিক এপ

ক্ৰাঞ্চ

ক্ৰাঞ্চ হৈছে এড’ব এয়াৰত নিৰ্মিত এটা ডাঙৰ দেখা LESS সম্পাদক আৰু কম্পাইলাৰ।

কোডকিট

বেচৰকাৰী মেক এপৰ দৰে একেজন ল'ৰাই সৃষ্টি কৰা, CodeKit হৈছে এটা মেক এপ যিয়ে LESS, SASS, Stylus, আৰু CoffeeScript কম্পাইল কৰে।

সৰল

LESS ফাইলসমূহৰ ড্ৰেগ আৰু ড্ৰপ কম্পাইলিঙৰ বাবে মেক, লিনাক্স, আৰু উইণ্ড'জ এপ। ইয়াৰ উপৰিও, উৎস ক'ড GitHub ত আছে

কম্পাইল কৰা বা সৰু কৰা CSS আৰু JS ড্ৰপ কৰি যিকোনো ৱেব প্ৰকল্প দ্ৰুতভাৱে আৰম্ভ কৰক । সহজ উন্নয়ন আৰু আগুৱাই যোৱাৰ ৰক্ষণাবেক্ষণৰ বাবে স্বনিৰ্বাচিত শৈলীসমূহত পৃথকে স্তৰ কৰক।

নথিপত্ৰ গঠন প্ৰতিষ্ঠা কৰক

শেহতীয়া কম্পাইল কৰা Bootstrap ডাউনলোড কৰক আৰু আপোনাৰ প্ৰকল্পত ৰাখক। উদাহৰণস্বৰূপে, আপোনাৰ এনেকুৱা কিবা এটা থাকিব পাৰে:

  app/
      বিন্যাস/
      টেমপ্লেটসমূহ/
  ৰাজহুৱা/
      css/
          বুটষ্ট্ৰেপ.মিন.চিএছএছ
      js/
          বুটষ্ট্ৰেপ.মিন.জে.এছ
      img/
          গ্লিফিকনছ-হাফলিংছ.png
          গ্লিফিকনছ-হাফলিংছ-বগা.png

ষ্টাৰ্টাৰ টেমপ্লেট ব্যৱহাৰ কৰক

আৰম্ভ কৰিবলৈ নিম্নলিখিত ভিত্তি HTML কপি কৰক।

  1. <html>
  2. <মূৰ>
  3. <title> বুটষ্ট্ৰেপ ১০১ সাঁচ </title>
  4. <!-- বুটষ্ট্ৰেপ -->
  5. <link href = "ৰাজহুৱা/css/bootstrap.min.css" rel = "শৈলীপত্ৰিকা" >
  6. </head>
  7. <শৰীৰ>
  8. <h1> নমস্কাৰ, পৃথিৱী! </h1>
  9. <!-- বুটষ্ট্ৰেপ -->
  10. <script src = "ৰাজহুৱা/জেএছ/বুটষ্ট্ৰেপ.মিনিট.জেএছ" ></script>
  11. </body>
  12. </html>

কাষ্টম ক'ডৰ ওপৰত স্তৰ

আপোনাৰ স্বনিৰ্বাচিত CSS, JS, আৰু অধিকত কাম কৰক আপোনাৰ নিজৰ পৃথক CSS আৰু JS নথিপত্ৰসমূহৰ সৈতে Bootstrap আপোনাৰ নিজৰ কৰিবলে ।

  1. <html>
  2. <মূৰ>
  3. <title> বুটষ্ট্ৰেপ ১০১ সাঁচ </title>
  4. <!-- বুটষ্ট্ৰেপ -->
  5. <link href = "ৰাজহুৱা/css/bootstrap.min.css" rel = "শৈলীপত্ৰিকা" >
  6. <!-- প্ৰকল্প -->
  7. <link href = "ৰাজহুৱা/css/এপ্লিকেচন.css" rel = "ষ্টাইলশ্বীট" >
  8. </head>
  9. <শৰীৰ>
  10. <h1> নমস্কাৰ, পৃথিৱী! </h1>
  11. <!-- বুটষ্ট্ৰেপ -->
  12. <script src = "ৰাজহুৱা/জেএছ/বুটষ্ট্ৰেপ.মিনিট.জেএছ" ></script>
  13. <!-- প্ৰকল্প -->
  14. <script src = "ৰাজহুৱা/জেএছ/এপ্লিকেচন.জেএছ" ></script>
  15. </body>
  16. </html>