CSS Frameworks(Bootstrap 4+W3.CSS+Materialize Css)

CSS Frameworks:

আমরা আমাদের এই সিরিজে CSS ফ্রেমওয়ার্ক  বলবো।অনেক ধরনের ফ্রেমওয়ার্ক  এর মধ্যে আমরা Bootstrap 4+W3.CSS+Materialize Css নিয়ে কিছুটা আলোচনা করার চেষ্টা করবো।

এই ফ্রেমওয়ার্ক   গুলো আমরা বিভিন্ন ভাবে ব্যাবহার করতে পারি। আমরা এখানে মুলত CDN ব্যাবহার করবো।

CDN:

আপনি যদি ডাউনলোড করতে না চান তাহলে আপনি CDN ( Content Delivery Network ) এর সাথে যুক্ত হতে পারেন।CSS and JavaScript এর জন্য CDN কে সহযোগিতা দেয় MaxCDN.

Materialize CSS:

• Materializeহল ফ্রি front-end framework, সহজ এবং দ্রুত গতির web development এর জন্য

• Materializeএর সাহায্যে তুমি যে কোন Responsive ডিজাইন ও করতে পারবে

<!-- Compiled and minified CSS -->

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/

materialize/1.0.0/css/materialize.min.css">

<!-- Compiled and minified JavaScript -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/

1.0.0/js/materialize.min.js"></script>

Bootstrap 4:

Bootstrap কি ????

• Bootstrap হল ফ্রি front-end framework, সহজ এবং দ্রুত গতির web development এর জন্য
• Bootstrap হল HTML এবং CSS নির্ভর মুদ্রণবিদ্যা, ফর্ম, বাটন, টেবিল, নেভিগেটর, মডালস, ইমেজ carousels এবং আরও অনেক কিছু, জাভা স্ক্রিপ্ট প্লাগিন সহ ডিজাইন templates তরির মাধ্যম
• Bootstrap এর সাহায্যে তুমি যে কোন Responsive ডিজাইন ও করতে পারবে

<!-- Latest compiled and minified CSS -->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/

bootstrap/4.1.3/css/bootstrap.min.css">

<!-- jQuery library -->

<script src="https://ajax.googleapis.com/ajax/libs/

jquery/3.3.1/jquery.min.js"></script>

<!-- Popper JS -->

<script src="https://cdnjs.cloudflare.com/ajax/libs

/popper.js/1.14.3/umd/popper.min.js"></script>

<!-- Latest compiled JavaScript -->

<script src="https://maxcdn.bootstrapcdn.com/

bootstrap/4.1.3/js/bootstrap.min.js"></script>

W3.CSS:

• W3.CSS এর সাহায্যে তুমি যে কোন Responsive ডিজাইন ও করতে পারবে। এটি মুলত w3 consortium এর একটি ফ্রেমওয়ার্ক  

<!-- W3.CSS -->
<link rel="stylesheet" href="https://www.w3schools.com/

w3css/4/w3.css">