Bootstrap 3 বুটস্ট্রাপ(৩) টিউটোরিয়াল
বুটস্ট্রাপ(৩) টিউটোরিয়াল
রেসপন্সিভ এবং মোবাইল-ফার্স্ট ওয়েবসাইট ডেভেলপ করার ক্ষেত্রে বুটস্ট্রাপ হলো এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট এর সবচেয়ে জনপ্রিয় ফ্রেমওয়ার্ক।
এটি ডাউনলোড এবং ব্যবহার সম্পূর্ণ ফ্রি!
আমাদের প্রতিটি পরিচ্ছেদে আছে অসংখ্য উদাহরণ সেকশন। আপনি উদাহরণ সেকশনে মাউস নিয়ে গেলে উপরের কোণায় কোড
copy করার একটি অপশন দেখতে পাবেন। copy অপশনে মাউস ক্লিক করলে ক্লিপবোর্ডে কোড কপি হবে।
আপনি আপনার এডিটর ওপেন করে
copy করা কোড paste করতে পারবেন। এছাড়া উদাহরণ সেকশনের নিচে উদাহরণের ফলাফলও দেখানো হয়েছে।উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="page-header text-center">
<h1>This is my first page by Bootstrap</h1>
<p>Resize the browser window to show the change!</p>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4">
<h3>Hello Learners!</h3>
<p>Bootstrap is a popular free frontend framework on html, css and javascript.</p>
<p>Bootstrap is fun! We hope you are enjoying this.</p>
</div>
<div class="col-sm-4">
<h3>Hello Learners!</h3>
<p>Bootstrap is a popular free frontend framework on html, css and javascript.</p>
<p>Bootstrap is fun! We hope you are enjoying this.</p>
</div>
<div class="col-sm-4">
<h3>Hello Learners!</h3>
<p>Bootstrap is a popular free frontend framework on html, css and javascript.</p>
<p>Bootstrap is fun! We hope you are enjoying this.</p>
</div>
</div>
</div>
</body>
</html>
ফলাফল
No comments