TunerPage
ফলাফল পাওয়া যায়নি
সব ফলাফল দেখুন
  • লগিন করুন
  • রেজিস্টার
  • মুল পাতা
  • বিজ্ঞান
    • প্রযুক্তি
    • রহস্যময় জগত
    • টেকনোলজি
    • সাইন্স ফিকশন
    • কেন কীভাবে?
    • কুইজ
  • মোবাইলিয়
    • অ্যান্ড্রয়েড
  • টিউটোরিয়াল
    • গ্রাফিক্স
    • ওয়েব ডিজাইনিং
    • প্রোগ্রামিং
    • ভিডিও টিউটো
  • টিপস
    • ফেসবুক
    • হ্যাকিং ও ক্রেকিং
    • পিসি ট্রিকস
  • ফ্রিল্যান্সিং
    • ফরেক্স
    • এসইও
    • তথ্য
    • ওয়ার্ডপ্রেস
  • প্রতিবেদন
    • ইন্টারনেট
    • গুগল
    • অনলাইন
  • কম্পিউটার
    • টিপস
    • উইন্ডোজ ৭
    • পিসি গেমস
  • অন্যান্য
    • ই-বুকস
    • মুভি ডাউনলোড
    • এন্টি ভাইরাস
    • সফটওয়্যার
    • ডাউনলোড
    • সাহায্য/জিজ্ঞাসা
    • ইলেক্ট্রনিক্স
  • এক্সক্লুসিভ
    • পেনড্রাইভ
    • হ্যাকিং
    • উইন্ডোজ
  • মুল পাতা
  • বিজ্ঞান
    • প্রযুক্তি
    • রহস্যময় জগত
    • টেকনোলজি
    • সাইন্স ফিকশন
    • কেন কীভাবে?
    • কুইজ
  • মোবাইলিয়
    • অ্যান্ড্রয়েড
  • টিউটোরিয়াল
    • গ্রাফিক্স
    • ওয়েব ডিজাইনিং
    • প্রোগ্রামিং
    • ভিডিও টিউটো
  • টিপস
    • ফেসবুক
    • হ্যাকিং ও ক্রেকিং
    • পিসি ট্রিকস
  • ফ্রিল্যান্সিং
    • ফরেক্স
    • এসইও
    • তথ্য
    • ওয়ার্ডপ্রেস
  • প্রতিবেদন
    • ইন্টারনেট
    • গুগল
    • অনলাইন
  • কম্পিউটার
    • টিপস
    • উইন্ডোজ ৭
    • পিসি গেমস
  • অন্যান্য
    • ই-বুকস
    • মুভি ডাউনলোড
    • এন্টি ভাইরাস
    • সফটওয়্যার
    • ডাউনলোড
    • সাহায্য/জিজ্ঞাসা
    • ইলেক্ট্রনিক্স
  • এক্সক্লুসিভ
    • পেনড্রাইভ
    • হ্যাকিং
    • উইন্ডোজ
ফলাফল পাওয়া যায়নি
সব ফলাফল দেখুন
TunerPage
ফলাফল পাওয়া যায়নি
সব ফলাফল দেখুন
মুল পাতা ওয়েব ডিজাইনিং

আসুন শিখি Twitter Bootstrap (দ্বিতীয় পর্ব)

অরবিট অরবিট
২৩/০৭/২০১৩
in ওয়েব ডিজাইনিং
0 0
0
আসুন শিখি Twitter Bootstrap (১ম পর্ব) আসুন শিখি Twitter Bootstrap (দ্বিতীয় পর্ব)
1
বার শেয়ার হয়েছে
10
বার দেখা হয়েছে
ফেসবুক শেয়ার করুনটুইটার শেয়ার করুন

সবাইকে সালাম ও শুভেচ্ছা জানিয়ে শুরু করছি Twitter Bootstrap (দ্বিতীয় পর্ব) । আমারা আজকের এই পর্বে Twitter Bootstrap এর গঠন ও Twitter Bootstrap এর নমুনা Template নিয়ে আলোচনা করব । কথা না বাড়িয়ে চলুন Twitter bootstrap file structure:

bootstrap/
  ├── css/
  │   ├── bootstrap.css
  │   ├── bootstrap.min.css
  ├── js/
  │   ├── bootstrap.js
  │   ├── bootstrap.min.js
  └── img/
      ├── glyphicons-halflings.png
      └── glyphicons-halflings-white.png
এখানে দেখা যায় যে Twitter Bootstrap ডাউনলোড করলে আমারা এর মধ্যে তিনটি ফোল্ডার পায়। যথা ঃ css,js
এবং img। তার মানে হল stylesheet এর জন্য css folder, javascript এর জন্য js folder এবং images এর
জন্য img folder. আর bootstrap.min হল minified version.

এবার দেখা যাক bootstrap এর ডকুমেন্টেশন এর জন্য কি কি কাটাগরি রয়েছে । bootstrap এর ডকুমেন্টেশন
এর জন্য চার ধরনের কাটাগরি রয়েছে ।
১। Scaffolding : global stylesheet , Grid system, body background ইত্যাদি নিয়ে এই অংশে আলোচনা করা হয়।
2। Base CSS : Common style, button, forms, tables, icons ইত্যাদি নিয়ে এই অংশে আলোচনা করা হয়।
3। Components : page header, navbar, pills, tab, alert ইত্যাদি নিয়ে এই অংশে আলোচনা করা হয়।
4। JavaScript plugins : tooltips, popovers, modals ইত্যাদি নিয়ে এই অংশে আলোচনা করা হয়।

এবার চলুন simple HTML Template এবং Simple Bootstrap Template এর নমুনা দেখি :
simple HTML Template এর নমুনা :

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>Hello, world!</h1>
<script src="http://code.jquery.com/jquery.js"></script>
</body>
</html>

Simple bootstrap Template এর নমুনা :

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<h1>Hello, world!</h1>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

আজ এখানেই শেষ করছি । সামনের পর্বে bootstrap Scaffolding section নিয়ে আলোচনা করব ইনশিআল্লাহ। আর Bootstrap সহ ওয়েবসাইট ডিজাইন সম্পর্কে টিউটোরিয়াল পাবেন আমার ব্লগ সাইট থেকে । 

ট্যাগ সমূহ: টিউটোরিয়ালweb deveWebsite Design
পূর্ববর্তী টিউন

Android gamerদের জন্য দারুন একটি apps না দেখলে miss করবেন

পরবর্তী টিউন

এ্যান্ড্রয়েডকে এবার আইফোনের আইওএস-এ রুপান্তরিত করুন সহজেই!

অরবিট

অরবিট

এই সম্পর্কিত আরোটিউন সমূহ

প্রতি পদক্ষেপে আয়ের পথে আসুন নতুন ব্লগাররা… এবার কেও পিছিয়ে থাকবে না… আসুন শিখি Twitter Bootstrap (দ্বিতীয় পর্ব)
ফরেক্স

প্রতি পদক্ষেপে আয়ের পথে আসুন নতুন ব্লগাররা… এবার কেও পিছিয়ে থাকবে না…

২৪/০৮/২০১৪
11
ফ্রি থ্রি ডি স্টুডিও ম্যাক্স শিখুন, প্রফেশনালদের কাছে আসুন শিখি Twitter Bootstrap (দ্বিতীয় পর্ব)
টিউটোরিয়াল

থ্রি ডি স্টুডিও ম্যাক্স শিখুন, প্রফেশনালদের কাছে, ভিডিও টিউটোরিয়াল – ০০২

১৫/০৮/২০১৪
10
পাবনায় ২ মাসব্যাপী ফ্রি “প্রফেশনাল ওয়েব ডিজাইন” প্রশিক্ষণ – ভিশন টিউটোরিয়্যাল। আসুন শিখি Twitter Bootstrap (দ্বিতীয় পর্ব)
ওয়েব ডিজাইনিং

সুপ্রিয় পাবনাবাসী “ভিশন টিউটোরিয়্যল” এর উদ্রোগে দুই মাসব্যাপী “প্রফেশনাল ওয়েব ডিজাইন” প্রশিক্ষণ কোর্সে অংশগ্রহণ করতে রেজিষ্ট্রেশন করুন।

১০/০৮/২০১৪
10
মাউসের অজানা ট্রিপস সহজ করবে কাজ আসুন শিখি Twitter Bootstrap (দ্বিতীয় পর্ব)
টিপস এন্ড ট্রিকস

মাউসের অজানা ট্রিপস সহজ করবে কাজ

০৫/০৮/২০১৪
10
পিএইচপি ভিডিও টিউন (প্রথম পর্ব): পিএইচপি ধারাবাহীক বাংলা ভিডিও টিউটোরিয়্যাল। আসুন শিখি Twitter Bootstrap (দ্বিতীয় পর্ব)
ভিডিও টিউটোরিয়াল

পিএইচপি ভিডিও টিউন [পর্ব-০২] :: Xamp চালু করা এবং ডাটাবেজ ও টেবিল তৈরি করা।

২৫/০৭/২০১৪
11
পেপাল ছারাই কিনুন পেপালে পে করার প্রডাক্ট আসুন শিখি Twitter Bootstrap (দ্বিতীয় পর্ব)
হ্যাকিং

পেপাল ছারাই কিনুন পেপালে পে করার প্রডাক্ট

২২/০৭/২০১৪
10
পরবর্তী টিউন
এ্যান্ড্রয়েডকে এবার আইফোনের আইওএস-এ রুপান্তরিত করুন সহজেই! আসুন শিখি Twitter Bootstrap (দ্বিতীয় পর্ব)

এ্যান্ড্রয়েডকে এবার আইফোনের আইওএস-এ রুপান্তরিত করুন সহজেই!

Leave a Reply Cancel reply

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

ফলাফল পাওয়া যায়নি
সব ফলাফল দেখুন
TunerPage

আমার দেশ আমার গর্ব। আমার ভাষা আমার অহংকার । বাংলাদেশের প্রতিটি মানুষ টেকনোলজি বিষয়ে আরো জানুক নিজের বাংলা ভাষায় এবং তাদের জানার পিপাসা আরো বাড়ুক। এই উদ্দেশ্যেই টিউনারপেজের যাত্রা শুরু ২০১১ সালের ২১শে ফেব্রুয়ারি তে!

টিউনারপেজ এক্সক্লুসিভ টিউন

Freelancer.com এ যেভাবে বায়ার কে Private Message পাঠাবেন আসুন শিখি Twitter Bootstrap (দ্বিতীয় পর্ব)

Freelancer.com এ যেভাবে বায়ার কে Private Message পাঠাবেন

২১/১০/২০১২
11

পহেলা বৈশাখ: ইতিহাস ও বিধি-বিধান

ভাইসাবরা আরেকটু তাকান! দুটি গরম গরম মুভি শুধু আপনাদেরই জন্য।

হাইস্কুল প্রোগ্রামিং প্রতিযোগিতা শুরু হচ্ছে ৮ মে

আপনি কি একজন ‘স্মার্টফোন জোম্বি’?

হোয়াটসঅ্যাপ এর ১০টি দুর্দান্ত টিপস এন্ড ট্রিকস

Categories

  • অন্যান্য
  • ই-বুকস
  • ইন্টারনেট
  • ইলেক্ট্রনিক্স
  • উইন্ডোজ
  • উইন্ডোজ ৭
  • এক্সক্লুসিভ পোস্ট
  • এন্টি ভাইরাস
  • এন্ড্রয়েড
  • ওয়ার্ডপ্রেস
  • ওয়েব ডিজাইনিং
  • কম্পিউটার
  • কী কেন কীভাবে
  • কুইজ
  • গুগল
  • গ্রাফিক্স ডিজাইন
  • টিউটোরিয়াল
  • টিপস এন্ড ট্রিকস
  • টেক আপডেট
  • ডাউনলোড
  • নোটিশ-বোর্ড
  • পিসি গেমস
  • পেনড্রাইভ
  • প্রতিবেদন
  • প্রোগ্রামিং
  • ফরেক্স
  • ফেসবুক
  • ফ্রিল্যান্সিং
  • বিজ্ঞান ও প্রযুক্তি
  • বিজ্ঞাপন
  • ভিডিও টিউটোরিয়াল
  • মাসিক টিউনারপেজ
  • মুভি ডাউনলোড
  • মোবাইলীয়
  • রহস্যময় জগত
  • রিভিউ
  • সফটওয়্যার
  • সাইন্স ফিকশন
  • সাহায্য/জিজ্ঞাসা
  • হ্যাকিং
  • হ্যাকিং / ক্রেকিং ও এন্টি হ্যাকিং
  • SEO-এসইও

TunerPage Footer

আমার দেশ আমার গর্ব। আমার ভাষা আমার অহংকার । বাংলাদেশের প্রতিটি মানুষ টেকনোলজি বিষয়ে আরো জানুক নিজের বাংলা ভাষায় এবং তাদের জানার পিপাসা আরো বাড়ুক। এই উদ্দেশ্যেই টিউনারপেজের যাত্রা শুরু ২০১১ সালের ২১শে ফেব্রুয়ারি তে।

Categories

  • অন্যান্য
  • ই-বুকস
  • ইন্টারনেট
  • ইলেক্ট্রনিক্স
  • উইন্ডোজ
  • উইন্ডোজ ৭
  • এক্সক্লুসিভ পোস্ট
  • এন্টি ভাইরাস
  • এন্ড্রয়েড
  • ওয়ার্ডপ্রেস
  • ওয়েব ডিজাইনিং
  • কম্পিউটার
  • কী কেন কীভাবে
  • কুইজ
  • গুগল
  • গ্রাফিক্স ডিজাইন
  • টিউটোরিয়াল
  • টিপস এন্ড ট্রিকস
  • টেক আপডেট
  • ডাউনলোড
  • নোটিশ-বোর্ড
  • পিসি গেমস
  • পেনড্রাইভ
  • প্রতিবেদন
  • প্রোগ্রামিং
  • ফরেক্স
  • ফেসবুক
  • ফ্রিল্যান্সিং
  • বিজ্ঞান ও প্রযুক্তি
  • বিজ্ঞাপন
  • ভিডিও টিউটোরিয়াল
  • মাসিক টিউনারপেজ
  • মুভি ডাউনলোড
  • মোবাইলীয়
  • রহস্যময় জগত
  • রিভিউ
  • সফটওয়্যার
  • সাইন্স ফিকশন
  • সাহায্য/জিজ্ঞাসা
  • হ্যাকিং
  • হ্যাকিং / ক্রেকিং ও এন্টি হ্যাকিং
  • SEO-এসইও

ই-মেইল চিঠি

কপিরাইট © টিউনারপেজ.কম ২০১১ – ২০২০ | অল রাইট রিজার্ভড

  • ফেসবুক পেজ
  • ফেসবুক গ্রুপ
  • আমাদের কথা
  • মতামত দিন
  • ব্লগ বিধি
ফলাফল পাওয়া যায়নি
সব ফলাফল দেখুন
  • মুল পাতা
  • বিজ্ঞান
    • প্রযুক্তি
    • রহস্যময় জগত
    • টেকনোলজি
    • সাইন্স ফিকশন
    • কেন কীভাবে?
    • কুইজ
  • মোবাইলিয়
    • অ্যান্ড্রয়েড
  • টিউটোরিয়াল
    • গ্রাফিক্স
    • ওয়েব ডিজাইনিং
    • প্রোগ্রামিং
    • ভিডিও টিউটো
  • টিপস
    • ফেসবুক
    • হ্যাকিং ও ক্রেকিং
    • পিসি ট্রিকস
  • ফ্রিল্যান্সিং
    • ফরেক্স
    • এসইও
    • তথ্য
    • ওয়ার্ডপ্রেস
  • প্রতিবেদন
    • ইন্টারনেট
    • গুগল
    • অনলাইন
  • কম্পিউটার
    • টিপস
    • উইন্ডোজ ৭
    • পিসি গেমস
  • অন্যান্য
    • ই-বুকস
    • মুভি ডাউনলোড
    • এন্টি ভাইরাস
    • সফটওয়্যার
    • ডাউনলোড
    • সাহায্য/জিজ্ঞাসা
    • ইলেক্ট্রনিক্স
  • এক্সক্লুসিভ
    • পেনড্রাইভ
    • হ্যাকিং
    • উইন্ডোজ
  • লগিন করুন
  • রেজিস্টার

কপিরাইট © টিউনারপেজ.কম ২০১১ – ২০২০ | অল রাইট রিজার্ভড

ওহে, আপনাকে স্বাগতম!

ফেসবুকের মাধ্যমে লগিন
অথবা

আপনার একাউন্ট -এ লগিন করুন

পাসওয়ার্ড ভুলে গেছেন? রেজিস্টার

একাউন্ট নেই? নতুন একাউন্ট খুলুন

ফেইসবুকের মাধ্যমে রেজিস্টার
অথবা

রেজিস্টার করতে নিচের ফর্ম পূরণ করুন

সব ফর্ম পূরণ করা আবশ্যক লগিন করুন

পাসওয়ার্ড রিকোভার করুন

পাসওয়ার্ড রিকোভারের জন্য আপনার ইউজার নেম অথবা ই-মেইল লিখুন

লগিন করুন