Responsive Design with Bootstrap by Neel Mehta CS50 Bangla Basque

Responsive Design with Bootstrap by Neel MehtaYouTube↗ IA↗(long shot)
Education 8.2K views 51 likes 3 dislikes 28 Jun 2016

CS50 2.4M subscribers United States YouTube↗

>> নীল মেহতা: তাই হ্যালো করতে এখানে কে দেখছে সবাই,

>> NEEL Mehta: Beraz kaixo guztioi dago hemen ikusten,

অথবা অনলাইন দেখছে, বা দূরবর্তী.

edo online behaketa, edo urrunetik.

আমার নাম নীল হয়, এই CS50.

Nire izena Neel da, hau CS50 da.

আর আজকের সেমিনারে প্রতিক্রিয়াশীল বুটস্ট্র্যাপ দিয়ে ওয়েব ডিজাইন.

Eta gaur egungo mintegi sentikorrena Bootstrap batera Web diseinua.

এটা যে একটি বিষয় আমার মন খুব ঘনিষ্ঠ.

Gai hori da nire bihotzean oso hurbil.

আশা করি, এটি হতে হবে আপনার হৃদয় যাও বন্ধ

Zorionez, izango da Zure bihotza itxi

পাশাপাশি আজকের সেমিনার শেষে.

baita gaur egungo mintegia amaitu baino lehen.

তাই বুটস্ট্র্যাপ.

Beraz, Bootstrap.

কিভাবে আপনি অনেক কাজ করেছি কোন ওয়েব ডেভেলপমেন্ট ধরনের আগে?

Nola asko egin izan duen web garapen mota baino lehen?

>> তাই বুটস্ট্র্যাপ বিশ্বের সবচেয়ে জনপ্রিয়, সামনে শেষ কাঠামো.

>> Beraz, Bootstrap da munduko gehien popular, front-end-esparrua.

আমি বাছাই করেছেন by-- এটি ব্যবহৃত একটি র্যান্ডম websites-- দম্পতি

Erabiltzen ari by-- dut aukeratu duzun bat ausazko websites-- pare

Lyft, নিউজউইক, এবং চলন.

Lyft, Newsweek, eta Vogue.

এটা ওয়েবসাইটের একটি নম্বর দ্বারা ব্যবহৃত হচ্ছে.

It webgune kopurua moduan erabiltzen da.

এটি একটি ওয়েব ডিজাইন কাঠামো যে আপনি আপনার ওয়েবসাইটের করতে দেওয়া হবে

Web diseinua esparru bat da, Zure webguneak egiteko aukera emango dizu

সুন্দর এবং প্রতিক্রিয়াশীল উভয়.

bai eder eta sentikorrena.

আর আমি এই উপর যাবেন এখানে দুটি ধারণার.

Eta horiek joan naiz Bi kontzeptu hemen.

সুন্দর.

Beautiful.

তাই আপনার উপর স্বাভাবিক ওয়েবসাইট আছে শুধু এইচটিএমএল দ্বারা তৈরি করা হয়, যা বাম.

Beraz, web orri normal baimena izan behar dituzu ezkerretik, besterik ez da HTML egindako.

আপনি ক্লাসে এইচটিএমএল শেখা করেছি এবং দৈর্ঘ্য এ বিভাগে.

Nik ikasi duzu HTML klasean eta azkenean atalean.

বুটস্ট্র্যাপ করতে একটি উপায় আপনার ওয়েবসাইটের সুন্দর.

Bootstrap egiteko modu bat da Zure webgune ederra.

আপনি কি এর নিতে পারেন আপনার পর্দার বাম দিকে

Hartu ahal izango duzu, zer da on utzi zure pantailaren alde

এবং কি এটা করান খুব সঙ্গে আপনার পর্দার ডানদিকে,

eta piztu zer da on sartu eskuinera pantailaren albo oso batekin,

খুব, খুব সামান্য কোড.

oso, oso gutxi kodea.

>> আপনি সুন্দর নীল বাটন পাবেন, আপনি পেতে অভিনব, পর্দায় প্রান্ত বৃত্তাকার

>> Nizako botoi urdina lortu ahal izango dituzu, lortuko duzu fantasiaren, pantailaren ertz biribilduak,

আপনি তালিকা দেখুন পেতে, আপনি পেতে কার্ড, আর তাই খুব অল্প কোড দিয়ে.

zerrenda ikuspegian lortuko duzu lortuko duzu, txartelak, eta, beraz, oso gutxi kode batekin.

কোন সিএসএস এর আসলে এখন পর্যন্ত যে আপনি নিজেকে দ্বারা লিখতে হবে.

Ez da benetan CSS ez dagoela bakarrik idatzi beharko duzu.

তাই বুটস্ট্র্যাপ করতে পারবেন এই প্রাক বিল্ট সিএসএস আছে

Beraz, Bootstrap aukera ematen dizu horiek aurrez eraikitako CSS dute

আপনি লাগাতে পারেন উপাদান আপনার ওয়েব পৃষ্ঠার ভিতরে

osagaiak jarri ahal izango duzu Zure web orriaren barruan

এটা ছাড়া সুন্দর বানাতে আপনার নিজের উপর খুব বেশি কাজ.

eder itxura gabe egiteko Zure kabuz lan asko.

এটা সত্যিই একটি bootstrap এর, একটি আদ্যস্থল,

Benetan da bootstrap bat, abiapuntu,

আপনার ওয়েব ডেভেলপমেন্ট অভিযান.

Zure web garapena abenturak.

এবং যাতে আপনি শুধু যখন একটি ওয়েবসাইট সেট আপ বিদ্রূপকারী,

Eta beraz, Oraindik besterik Webgune bat sortu mocking,

এটা শুরু করার জন্য একটি খুব ভাল জায়গা.

leku oso ona da hasten da.

আপনি একটি ভাল খুঁজছেন ওয়েবসাইট পেতে পারেন খুব, খুব সামান্য কাজ সঙ্গে.

Bila ona webgune bat eskuratu ahal izango duzu Oso, oso lan gutxi.

এবং প্রকৃতপক্ষে, আমরা চলুন এই নিজেদেরকে করতে

Eta hain zuzen ere, goazen Horretarako geure

মত পাঁচটি কোর্সে মিনিটের 10 মিনিটের মধ্যে.

atsegin bost ikastaro batean minutu besterik 10 minutu barru.

সুতরাং এটা বেশ সহজ কিছু মহান ওয়েবসাইটের করতে.

Beraz, nahiko erraza da Zenbait webgune handiak egiteko.

সুতরাং যে প্রথম অংশ.

Beraz, lehen zatia da.

>> দ্বিতীয় part-- প্রতিক্রিয়াশীল.

>> Bigarrena, part-- sentikorrena.

মানুষ, আজকাল, শুধু না তাদের ল্যাপটপের ওয়েব অ্যাক্সেস.

Pertsonak, gaur egun, ez besterik beren ordenagailu eramangarriak web sartzen.

বাস্তবিক, 2014 হিসাবে, আরো মানুষ মোবাইল ডিভাইসের মাধ্যমে ওয়েব অ্যাক্সেস,

Egia esan, 2014 bezala, jende gehiago Web sartzeko gailu mugikorren bidez,

ফোন, বা ট্যাবলেট, বা মত সেবা, বা তাই ওয়েবসাইটের তুলনায়.

telefonoak, edo pilulak, edo atsegin zerbitzuak, edo hainbeste webgune asmoz.

এবং ওয়েবসাইটের ঐতিহ্যগতভাবে হয়েছে ল্যাপটপ বা ডেস্কটপের সঙ্গে ডিজাইন

Eta web tradizionalki egon dira eramangarriak edo mahaigain diseinatu

মনের মধ্যে.

Kontuan.

তাই ওয়েবসাইট প্রায়ই হয় না খুব ভাল আপনার ফোন থেকে উপযুক্ত.

Eta beraz, webguneak, askotan ez dira Oso ondo, telefonora egokitzen.

আপনি কি পরিদর্শন করে থাকেন আপনার ফোনে harvard.edu,

Inoiz bisitatu baduzu harvard.edu telefonoan,

এটি একটি বিরক্তিকর ধরনের অভিজ্ঞতা, ডান?

gogaikarriak mota da esperientzia da, ezta?

এটা প্রতিক্রিয়াশীল নয় এ কারণে যে.

Hori ez da sentikorrena delako.

আমরা করতে চেষ্টা করছেন প্রতিক্রিয়াশীল ছাড়া এই ওয়েবসাইটের কোন,

Egin nahian ari gara Hori sentikorrena webguneak,

যে মানুষ এর পর্দা মাপ সাড়া.

duten pertsonen pantaila tamainak erantzuteko.

>> এটি একটি ফোন থাকে, তাহলে এটা ফোনে যেতে যাচ্ছে.

>> Beraz, telefono bat izanez gero, ez da to telefono joan.

এটি একটি ট্যাবলেট, তাহলে এটি ট্যাবলেট উপর যেতে যাচ্ছে.

Tablet bat bada, da tablet joan.

এটা মেলে adjusts ব্যবহার করা হচ্ছে যে পর্দা.

Etor dadin egokitzen da erabiltzen ari den pantailan.

আর তাই বুটস্ট্র্যাপ কিছু প্রদান করে যে জন্য খুব খুব দরকারী ইউটিলিটি.

Eta beraz, Bootstrap batzuk ere eskaintzen du Oso, horretarako utilitateak oso erabilgarria.

এবং আমরা পাশাপাশি যে আলোচনা করতে যাচ্ছেন.

Eta ari gara eztabaidatzen baita joan.

তাই আবার, দুই অংশে আছে সুন্দর ও দায়িত্বশীল Bootstrap--.

Beraz, berriro ere, bi atal daude Bootstrap-- eder eta arduratsua.

আমরা তাদের সম্পর্কে কথা বলতে যাচ্ছেন.

Nahi dutenei buruz hitz egingo dugu.

প্রথমত, সুন্দর.

Lehenik eta behin, ederra.

এবং তারপর প্রতিক্রিয়াশীল.

Eta gero sentikorrena.

>> আমরা করছি যাতে সমস্ত কোড today-- বিষয়ে কথা বলতে যাচ্ছেন

>> Beraz, kode guztiek gauden to today-- buruz hitz egingo

আমরা উদাহরণ অনেক আছে চলুন, চ্যালেঞ্জ অনেক, এবং তাই এটি on--

Adibide asko izan goaz, erronka asko, eta, beraz, on--

সব এখানে এই ওয়েবসাইটে বসবাস.

guztiak webgune honetan bizi da hemen.

এই স্লাইড আমরা পাঠানো আউট কি.

Diapositiba Hau da, zer bidali genuen.

আপনি এখানে আছেন, তাই যদি আপনি মনে করতে পারেন ফ্রি যে লিখে থাকে না.

Beraz, zu hemen egonez gero, sentitzen dezakezu free hala egin ez idatzi.

আপনি দূরবর্তী অবস্থান থেকে পর্যবেক্ষণ করছেন এবং, যদি মনে আপনার কম্পিউটারে এই থামা বিনা

Eta zuk, urrunetik ikusten ari bazara, sentitzen free hau tira zure ordenagailuan

আরো.

baita.

আপনি সম্ভবত সময় এটি প্রয়োজন হবে এই সেমিনারে অবশ্যই.

Baliteke zuk behar da zehar Mintegi honetan zehar.

>> সুতরাং আমরা একটি ব্যবহার করতে যাচ্ছেন CodePen বলা ওয়েবসাইটে,

>> Beraz, goazen bat erabili joan Webgune CodePen deitzen,

যা একটি সহযোগীতা কোডিং এই সেমিনারে সময় পরিবেশ.

bertan parte hartze kodetze da ingurumena, mintegi honetan zehar.

আর CodePen-- এরপর আমি আবার বাস্তব fast-- এখানে আপনি প্রদর্শন

Eta CodePen-- eta ez dut Hemen erakusten duzun benetako fast--

এটা আপনি লিখতে পারবেন এইচটিএমএল সহযোগিতার ওপর ভিত্তি করে.

to idatzi ahalbidetzen ditu HTML elkarlanean.

আমি তা পাঠাতে পারেন, তা লিখে রাখতে পারেন আপনাকে বলছি, আপনাকে বলছি এটি সম্পাদনা করতে পারেন.

Dut idatzi, ezin dut bidaltzeko you guys, you guys editatu ahal.

আপনি রিমোট হন, এমনকি যদি আপনি এখনও এটা যে ভাবে ব্যবহার করতে পারবেন.

Oraindik urruneko bada ere, zuk daiteke, hala ere, era horretan sartzeko.

আপনি এ এইচটিএমএল কোড টাইপ করতে পারেন উপরে এবং এটি স্বয়ংক্রিয়ভাবে হবে

Idatz dezakezu HTML kode at gora eta automatikoki egingo da

রূপান্তরিত করা নীচে ওয়েবপৃষ্ঠাটি.

izango du bihurtuta Web behealdean orria.

তাই এটা আপনার জন্য একটি উপায় দ্রুত কোড চেষ্টা করে

Beraz, modu bat da azkar probatu kodea

স্টাফ কোনো ধরনের কাজ না করেও আপনার আইডিই, অথবা আপনার নিজের ওয়েবসাইটে,

Edozein gauza mota egin beharrik gabe Zure IDE, edo zure web orrian:

বা যাই হোক না কেন.

edo dena delakoa.

>> তাই এগিয়ে যান এবং এই টান আপ ওয়েবসাইট, আপনি দূরবর্তী হন তাহলে

>> Beraz, aurrera eta tira hau webgunean, zaren urrutiko bada

অথবা আপনি এখানে আছেন, বিশেষ করে যদি আপনি দূরবর্তী হন তাহলে.

edo etortzen bazara, batez ere, Oraindik urruneko bada.

is.gd/cs50boostrap.

কোন ক্যাপ, কোন আন্ডারস্কোর, কোন কিছুই.

Ez txapelak, azpimarrak ez, ezer ez.

হয় আপনাদের মধ্যে যারা তাই এখানে, শুধু আমাকে একটি অঙ্গুষ্ঠ দিতে

Beraz, nahi dutenentzat dira Hemen, besterik gabe, ematen dit koadro bat

আপনি টানা আছে যখন আপ যে ওয়েব পৃষ্ঠা পর্যন্ত.

denean bota duzu eman web orria sortu.

ভাল?

Good?

>> শ্রোতা: হ্যাঁ.

>> Ikusleak: Bai.

>> নীল মেহতা: সুতরাং আমরা কিনবো শুধু এই একটি দ্বিতীয় মধ্যে যে.

>> NEEL Mehta: Beraz jasoko dugu segundo bat besterik ez dela.

সুতরাং প্রথম, আমরা পেতে যাচ্ছেন, কিভাবে আপনি আপনার ওয়েবসাইটের সুন্দর করতে পারি?

Beraz, lehenik eta behin, ari den iritsi ginen, nola Zure webgune ederra egin duzu?

আমরা বিরক্তিকর নিতে শিখতে যাচ্ছেন পুরানো এইচটিএমএল, আমি আগে আপনি দেখিয়েছেন মত,

Nola aspergarria hartu ikasten goaz, HTML zaharra, lehenago erakutsi dut atsegin,

এবং পরিণত করা সত্যিই চমৎকার উপাদান,

eta piztu duten sartu benetan polita osagaiak,

চমৎকার উইজেট মত, সুন্দর, রঙ্গিন বোতাম, এবং লেবেল, এবং টেবিল,

Polita widgets bezala, polita, koloretako botoiak eta etiketak, eta mahaiak,

এবং সব, বুটস্ট্র্যাপ ব্যবহার.

eta guztiak, Bootstrap erabiliz.

তাই আমরা সব থেকে বেশি যেতে পারে যদি আপনি শুধু পর্যন্ত টানা যে CodePen.

Beraz, bada, guztiak izan dugu joan baino gehiago izateko CodePen bota besterik ez duzu eman.

এটা ভালো একটি সামান্য বিট হওয়া উচিত.

Hau atsegin pixka bat begiratu behar da.

এটা প্রত্যেকের জন্য এই লিঙ্কটি দেখতে চান?

Ez du itxura hau da guztiontzat?

>> শ্রোতা: হ্যাঁ.

>> Ikusleak: Bai.

>> নীল মেহতা: আপনি দূরবর্তী হন, তাহলে এটা পাশাপাশি এই মত হওয়া উচিত.

>> NEEL Mehta: Oraindik urruneko badu, baita itxura eduki behar du.

যদি না হয়, আমি শীঘ্রই কিভাবে আপনাকে দেখাতে হবে আপনি যদি এই মত চেহারা পেতে পারেন

Hala ez bada, laster nola erakutsiko dizut eskuratu ahal izango duzu, begiratu hau atsegin dute

ভিডিওর ভবিষ্যতে অংশে.

Bideoaren zati etorkizun batean.

তাই আমরা এখানে লেখা আছে একটি খুব মৌলিক HTML,

Hortaz, hona idatzi dugu Oso oinarrizko HTML a,

ধরনের মত আপনি করেছি ক্লাসে ব্যবহার করে.

antzera egin duzun dira klasean erabiliz.

এটা সবকিছুই প্রাথমিক.

Nahiko oinarrizko da.

কোন frills.

Ez frills.

আর আমরা কিছু উপাদান আছে.

Eta gauza batzuk ditugu.

আমরা একটি খুব পরিকল্পনা করেছি খুব মৌলিক আপ শুরু

Oso bat diseinatu dugu, Oso oinarrizko martxan

Yalp কল! যা দিয়ে আপনি যা করতে পারেন এলাকায় রেস্টুরেন্ট খুঁজে,

deitu Yalp! horrekin egin dezakezu jatetxeen eremu batean,

এবং রিভিউ পাবেন, এবং ঐ সব নির্দেশ.

eta aurkitu berrikuspen, eta horiek guztiak norabide.

এটি একটি খুব ভাল ধারণা.

Kontzeptua oso ona da.

এটা আগে সম্পন্ন হয়েছে কখনও.

Honez inoiz egin aurretik.

এটা খুব, একটি খুব অনন্য নাম.

Izen oso berezia da, gehiegi.

>> তাই আমরা চেষ্টা করে যাচ্ছেন মালিক সাহায্য করা হয় না করতে

>> Beraz, zer saiatu goaz egin jabeak laguntzeko da

Yalp এর! তার ওয়েবসাইটে করতে সত্যিই, সত্যিই শীতল চেহারা.

Yalp of! Bere webgunean egin itxura benetan, benetan cool.

সুতরাং, সঙ্গে মালিক শুরু করতে Yalp! একটু অনুসন্ধান করেছে

Beraz, hasteko, jabea Yalp! bilaketa pixka bat egin du

বক্স, এবং একটি সামান্য বাটন, এবং তারপর হয়তো একটু

box, eta gutxi botoi bat, eta, gero, agian, apur bat

একটি জন্য হাইলাইট এলাকা হাইলাইট রেঁস্তোরা, এবং তারপর

baten inguruan nabarmendutako nabarmendutako jatetxean, eta, ondoren,

অন্যান্য রেস্টুরেন্ট একটি তালিকা এলাকায় হয়.

beste jatetxeen zerrenda bat duten eremu batean daude.

তাই আমরা ঠিক মধ্য দিয়ে যেতে পারেন এইচটিএমএল কোড বাস্তব দ্রুত.

Beraz, ezin dugu pasatzen HTML kode benetako azkar.

আপনি এইচটিএমএল সঙ্গে বলছি কিভাবে আরামদায়ক হয়?

Nola eroso HTML dituzten mutilak?

আমরা অল্প কাজ করেছি অধ্যায় এবং ক্লাসে.

Pixka bat egina dugu atalean eta, era berean, klasean.

শালীন?

Duina?

>> তাই শুধু একটি সংক্ষিপ্তবৃত্তি হিসাবে, এইচটিএমএল সম্পর্কে সব হয়

>> Beraz, besterik laburpena gisa, HTML dagoen guztia izatea

বলুন যে ট্যাগ বা উপাদান কম্পিউটার কিভাবে ওয়েব পৃষ্ঠা খুঁজে রাখা.

Esango diren etiketa edo elementu ordenagailua nola arautuko den web orrialdean.

সুতরাং এই H1 স্বাগতম, H1 শুরু এখানে Yalp করতে !, কম্পিউটার বলে h1-- শেষ,

Beraz h1 hau h1 hasteko hemen, Welcome Yalp to !, azkenean h1-- ordenagailua kontatzen,

একটি বড় হেডার আঁকা এটা Yalp স্বাগতম, বলছেন!

goiburua handi bat marraztu dio, Welcome to Yalp!

সেখানে ভিতরে.

Han barruan.

আমরা ফর্ম আছে.

Horrez gain, bat inprimakiak.

আমরা এই মত ইনপুট করতে পারেন, টেক্সট ইনপুট, টেক্সট বক্স হিসাবে পারিশ্রমিক প্রদান করা হবে যা

Hau atsegin dugu sartzen ahal, testu input, hau da, testu koadroak bezala errendatu

আপনি লিখুন.

ere idatzi duzu.

এছাড়াও আপনি বোতাম আছে.

Horrez gain, duzu botoiak.

আপনি একটা চমৎকার, যোগ্য বাটন পাবেন.

Polita, klik botoi bat lortu ahal izango dituzu.

এটা সঠিক কিছু না এখন, কিন্তু আপনি একটি বাটন পাবেন.

Ez du ezer egin, eskuineko orain, ordea, botoi bat lortuko duzu.

আপনি divs, বা বিভিন্ন মতে বিভক্ত তাদের থাকতে পারে বিভিন্ন দলের মধ্যে আপনার পৃষ্ঠা বিরতি পর্যন্ত.

DIV, edo banatzaileak, izan ditzakezu Break zure orrian hainbat taldetan.

>> আপনি, অনুচ্ছেদ থাকতে পারে আপনি বোতাম আছে.

>> Paragrafoetan izan dezakezu, botoiak duzu.

আপনি তারপর অনুচ্ছেদ, থাকে আপনি, উল unordered তালিকা আছে

Paragrafo, orduan badaukazu Ordenatu gabeko zerrendak duzu, ul,

এবং যে, লি ভেতরে তালিকা.

eta, li horren barruan zerrendak.

সুতরাং খুব মৌলিক হয় একটি ওয়েব পৃষ্ঠার বিল্ডিং ব্লক.

Beraz, hauek dira oso oinarrizko Eraikin web orri baten blokeak.

এবং প্রকৃতপক্ষে, অনেক সুন্দর আপনি দেখতে প্রত্যেক ওয়েবসাইট

Eta hain zuzen ere, nahiko askoz Ikusten duzu webgune guztietan

নির্মাণ করা যাচ্ছে এই একই সরঞ্জাম ব্যবহার করে.

da eraiki beharreko joan Tresna horiek berak erabiliz.

অবশ্যই, তারা না সব না আমরা করছি কারণ এই চেহারা খারাপ

Jakina, ez guztiak egin dute itxura txarra hau garelako

এটি একটি সামান্য বিট আপ মসলা যাচ্ছে.

da espezie pixka bat doa.

তাই আসুন এই বিরক্তিকর পুরানো এইচটিএমএল এবং শুরু করা যাক সুন্দর সাইটের মধ্যে এটি রূপান্তর

Hargatik HTML zaharra aspergarria hau eta abiatu eraldatzeko gune ederra sartu

যে আমরা মাত্র কয়েক মিনিট আগে দেখেছি.

Duela pare bat minutu besterik ez dela ikusi genuen.

>> সুতরাং আসুন খুব সহজ চলতে শুরু করা যাক.

>> Hargatik hasteko off oso erraz.

তাই আমরা এখানে এই বাটন আছে.

Beraz, botoi hau dugu hemen.

আমরা দেখেছি বুটস্ট্র্যাপ সালে, আমরা যা করতে পারেন একটা চমৎকার, সুন্দর, নীল বোতাম আছে.

Bootstrap ere, ikusi dugun bezala, ahal dugun polita, ederra, urdin botoia eduki.

আর যে কাস্টম CSS করে না কাজ.

Eta hori ez da egin CSS pertsonalizatua eginez.

এখানে কোন কাস্টম CSS আছে.

Ez dago CSS pertsonalizatua hemen.

যে ক্লাস যোগ করে সম্পন্ন করা হয় আপনার HTML উপাদান.

Hori da klase gehituta egin Zure HTML elementuak.

আপনি ক্লাস, বা hrefs, চেষ্টা করেছি বা নোঙ্গর, বা টাইপ = ইনপুট জন্য "টেক্সট"

Klase, edo hrefs, saiatuz gero edo aingurak, edo type = "text" Sarrerek for

HTML উপাদান এই বৈশিষ্ট্যাবলী থাকতে পারে.

HTML elementuak atributu horiek izan dezake.

তারা অতিরিক্ত তথ্য থাকতে পারে আপনি তাদের দিতে পারেন যে.

Beste informazio izan ahal izango dute duzula horiek eman ditzake.

>> আর তাই, এই ক্ষেত্রে, ক্লাস অ্যাট্রিবিউট হয়.

>> Eta, beraz, kasu honetan, Klase atributua dira.

আপনি লিখতে চাই তাই, বাটন বর্গ = স্ট্রিং ভিতরে কিছু.

Beraz litzaidake idatzi duzu, botoia class = kateak barruan zerbait.

এবং যে বৈশিষ্ট্য জানানো হবে কম্পিউটার, এই কোন, পুরাতন বাটন নয়.

Eta aitortu esango ordenagailua, hau ez da edozein, zaharra botoia.

এটি যে একটি বাটন আছে উদাহরণ হিসাবে বোতামগুলি এই শ্রেণীর.

Botoi bat dago da botoiak talde hau.

আর তাই বুটস্ট্র্যাপ, তাহলে আপনি এটি দিতে আপনার উপাদান একটি নির্দিষ্ট শৈলী,

Eta beraz, Bootstrap, eman baduzu Zure elementuan estilo jakin bat,

এটা একটি নির্দিষ্ট পথ আঁকা হবে.

marrazteko izango da modu jakin batean.

তাই আমি বিটিএন-প্রাথমিক বিটিএন "লিখুন.

Beraz, idazten dut "btn-lehen btn.

বিটিএন বাটন জন্য একটি সমাহার হচ্ছে.

btn botoia laburdura izateaz.

আপনি এখন যে বিজ্ঞপ্তি পাবেন আমার কুৎসিত বাটন পরিণত

Orain dela nabarituko duzu Nire itsusi botoia aktibatuta

একটা চমৎকার, সুন্দর, নীল বোতাম মধ্যে.

polita, ederra, urdin botoia batean.

আমরা এটি ক্লিক করা হলে এটা খুব সুন্দর দেখায়.

Oso polita dirudi denean egin klik dugu.

>> এবং তাই আমরা আছে কি ঘটবে হয় বিটিএন বর্গ এবং বিটিএন-প্রাথমিক শ্রেণীর

>> Eta beraz, zer gertatzen da daukagu btn class eta btn-lehen klasean

আমাদের উপাদান.

Gure elementuan.

আর বুটস্ট্র্যাপ আমি, ঠিক আছে, যান এবং বলতে হবে এই দুই শ্রেণীর আছে জানি.

Eta Bootstrap ere joango dira, eta esan, OK, I ezagutzen ez diren bi klase horiek.

এই দুটি যে কোনো উপাদান ক্লাস এই মত আকৃষ্ট করা উচিত.

Bi hauek ditu edozein elementu Klase hau bezalako ezarri beharko litzatekeela.

সুতরাং যে আপনি সংযুক্ত কিভাবে কোর বুটস্ট্র্যাপ মৌলসমূহের শৈলী.

Beraz, hori nola erantsi muina da Bootstrap elementuen estilo.

আপনি শুধু তাদের ক্লাস এবং জোড়া এটি হইয়া সূচিত হিসাবে এটা ওজন আউট হবে.

Erantsi besterik ez duzu klase horiek eta pisua izango da egindako iruditzen zaizkion moduan.

সুতরাং এখানে আরেকটি উদাহরণ.

Hortaz, hona hemen adibide bat.

ইনপুট, আমরা যোগ করতে পারেন একটি বর্গ = "ফর্ম নিয়ন্ত্রণ".

Sarrera-, gehitu ahal izango dugu Klase bat = "inprimaki-kontrol".

যেখানে আপনি এবং আমি শীঘ্রই দেখাব কি ক্লাস জানতে পারেন

Eta laster erakutsi dut bertan duzu zer klase jakin daiteke

উপাদান প্রতিটি ধরনের পাওয়া যায়.

dira elementu mota bakoitzaren eskuragarri.

কিন্তু ক্লাসের যে আমরা শুধু যোগ করা হয়েছে, চমৎকার, বৃত্তাকার কোণ আছে

Baina klasea besterik ez dugu erantsia txoko politak, biribildu du,

এটা আছে, চমৎকার প্যাডিং আছে এটা একটা চমৎকার, নীল ভাস.

Polita padding ditu, eta egundaino Polita, bertara dirdira bat urdina.

>> আমরা এই ফর্ম মধ্যে যেতে পারেন.

>> Era berean, ezin dugu formulario hau sartu.

এবং ক্লাস = "ফর্ম-ইনলাইন", করতে হবে, যা আমাদের ফর্ম, আপনি কল্পনা করতে পারে, ইনলাইন.

Eta class = "inprimaki-inline", bertan egingo gure inprimakia, agian uste bezala, inline.

সুতরাং এটা খুঁজছেন একটি সামান্য বিট আরো আমরা আগে থেকেই ছিল ভালো.

Beraz bila ari da pixka bat gehiago zer izan dugu dagoeneko aurretik bezala.

আমরা বাকি শৈলী যেতে আগে তাই পাতা, সে সম্পর্কে কোনো প্রশ্ন আমরা

Beraz goazela gainerako estilo aurretik orrialdean, zer buruzko edozein galdera dugu

করেনি?

egin?

আমরা শুধু সংযুক্ত ক্লাস আমাদের বিভিন্ন উপাদান.

Dugu klase besterik erantsita Gure elementu ezberdinetara.

আর আমি পরে আপনাকে দেখাব কিভাবে আপনি যা করতে পারেন ক্লাস পাওয়া যায় কি জিনিসটা.

Eta zuk geroago erakutsi dut nola egin dezakezu daki zer klaseak daude eskuragarri.

আমরা ক্লাস সংযুক্ত যে নির্দিষ্ট শৈলী আছে.

Klase atxikitako dugun estilo jakin dute.

এবং যে ব্রাউজার বলে ব্যবহার পাতা বিন্যাস কিভাবে

Eta hori nabigatzailea kontatzen orriaren nola diseinua erabiliz

বুটস্ট্র্যাপ এর দেওয়া শৈলী.

Bootstrap estiloak emandako.

শ্রোতাদের কাছ থেকে কোন প্রশ্ন?

Ikusleek zalantzaren bat?

>> ভাল পর্যন্ত?

>> Ona, orain arte?

কুল.

Cool.

চ্যালেঞ্জ অনেক বুটস্ট্র্যাপ শুধু সঙ্গে

Erronkei asko Bootstrap besterik ez da batera

উপাদান বুদ্ধিমান কি পাওয়া যায় এবং কিভাবে আপনি তাদের ব্যবহার.

zer osagai jakitea eskuragarri eta nola erabili behar dituzu.

আর যে সব শিখেছি হয় এছাড়াও অভিজ্ঞতা এবং সঙ্গে

Eta hori guztia ikasi esperientzia eta, gainera,

নথিপত্র পড়ার মাধ্যমে, যা আমরা শীঘ্রই সম্পর্কে আলোচনা করব.

dokumentazioa irakurtzen bidez, Zein buruz hitz egingo dugu laster.

সুতরাং আমরা এই div আছে.

Beraz div hau dugu.

এটি শুধু একটি বিরক্তিকর, পুরাতন জিনিস.

Aspergarria, gauza zahar bat besterik ez da.

আমরা এটা একরকম জোর চাই.

Nolabait nabarmendu nahi dugu.

বুটস্ট্র্যাপ তাই, আছে একটি প্রাপ্তিসাধ্য উপাদান অনেক.

Beraz, Bootstrap ere, badaude osagaiak eskuragarri asko.

আর এই getbootstrap.com হয়.

Eta hau da getbootstrap.com.

এটি একটি খুব দরকারী রেফারেন্স.

Erreferentziazko oso erabilgarria da.

এটা কিছু রয়েছে করার মত এখানে আপনি একটি বাটন না কিভাবে.

Gauzak biltzen ditu, antzekoak Hemen da botoi bat nola egiten duzu.

আর আপনি এনএভি বার করতে পারেন, আপনি যা করতে পারেন লেবেল, আপনি বার উন্নতি করতে পারেন,

Eta nav tabernetan egin ahal izango duzu, ezin duzu labels, tabernak aurrera dezakezu,

আপনি তালিকায় গ্রুপ করতে পারেন.

Zerrenda talde egin dezakezu.

মূলত, এটি সব ধরণের এর আপনাকে একটি ওয়েব পৃষ্ঠা দেখতে পারেন.

Funtsean, mota guztietako da agian web orri bat ikusiko duzu.

>> এখানে আমরা এই মুহূর্তে চেষ্টা করব যে এক.

>> Hemen bat oraintxe saiatuko gara egin.

এটা প্যানেল বলা হচ্ছে.

Honez panel izeneko.

আপনি কি গুগল ব্যবহার করা হলে এখন, তারা কার্ড আছে.

Inoiz erabiltzen baduzu Google Orain, txartelak dute.

অথবা কোনো অ্যান্ড্রয়েড ডিভাইস কার্ড আছে.

Edo edozein Android gailu txartelak.

তারা সামান্য সাদা বক্স আছে যে এটি ভেতরে কাপড় আছে.

Kutxak zuri gutxi dute alegia, horren barruan gauza izan.

আর তাই আমরা চেষ্টা এবং কাজ করতে যাচ্ছেন নিজেদেরকে এখানে একটা জিনিস ব্যবহার করে

Eta beraz ari gara, eta saiatu egin joan Hemen duten gauza bat erabiliz geure

একটি প্যানেল বলা.

panel bat deitzen.

তাই আমরা ক্লাসে জোড়া যদি = "প্যানেল আমাদের বাইরের div প্যানেলের-ডিফল্ট ",

Beraz class erantsi bagenu = "panel panel-default "Gure kanpoaldeko div den,

তারপর আমরা = একটি div class সংযুক্ত - আসুন শুধু এই ডকুমেন্টেশন পরীক্ষা.

Orduz div class bat erantsi diogu = - dezagun begiratu besterik dokumentazio hau.

div class = "প্যানেল-শিরোনাম" এবং তারপর div class = "প্যানেল শরীর".

div class = "panel-epigrafe" eta Orduz div class = "panelak-gorputza".

আবার, চিন্তা করবেন না এই কোড memorizing.

Berriz ere, ez kezkatu buruz Kode hau ikasi.

এটা অনলাইনে পাওয়া যাবে.

Online eskuragarri izango da.

>> সুতরাং আমরা এখন আমাদের বিরক্তিকর এই করেনি এবং পুরানো এই div চমৎকার, একটু কার্ড পরিণত.

>> Beraz, gure aspergarria hau egin dugu, eta orain, zaharra div polita, txartel txiki hau bihurtu zen.

এটা চমৎকার প্যাডিং আছে, এটা সীমান্ত রয়েছে, তা দাঁড়িয়েছে আউট

Polita padding dauka, mugak ditu, nabarmentzen da

পাতা বাকি থেকে, যা বেশ কুল.

Orri gainerako batetik, hau da, nahiko cool.

সুতরাং এর মধ্যে যান এবং এই পান পরিবর্তন বাটন নির্দেশ সুন্দর চেহারা.

Beraz, goazen, eta aldaketa hau lortu Norabide botoia itxura polita.

শ্রোতাদের মধ্যে যারা বলতে চায় আমার আমি বাটন কি কি করতে পারেন

Ikusleen Nork nahi du esango Niri zer botoia ahal dut

এটা বুটস্ট্র্যাপ ব্যবহার চমৎকার বানাতে?

egiteko itxura polita da Bootstrap erabiliz?

হ্যাঁ?

Bai?

>> শ্রোতা: আমরা একটি বর্গ যোগ করতে পারে.

>> Ikusleak: klase bat gehitu genezake.

আর আমরা = "বিটিএন বিটিএন-প্রাথমিক" ক্লাসে যেত না.

Eta klasean egin genezake = "btn btn-lehen".

নীল মেহতা: হ্যাঁ.

NEEL Mehta: Bai.

অন্যান্য একটি গুচ্ছ আছে buttons-- জন্য উপলব্ধ রং

Badira beste mordo bat kolore buttons-- eskuragarri

অথবা যে বিষয়টি জন্য কিছু, জন্য.

edo ezer egin, gai horren alde.

আমরা বিটিএন-বিপদ না এবং এটি লাল করতে পারেন.

Btn-arriskuan egin ahal izango dugu, eta gorria egiteko.

আমরা শুরু করছি.

Hor dugu.

আমরা এটা সবুজ করতে বিটিএন-সাফল্য করতে পারেন.

Btn-arrakastaren egin ahal izango dugu bertan berdea egiteko.

একটি গুচ্ছ আছে বিটিএন-info-- আমরা কি করতে পারি আপনার জন্য উপলব্ধ যে জিনিস.

Egin ahal izango dugu btn-info-- ez mordo bat hori dituzun erabilgarri gauza.

তাই আমি এখন তোমার জন্য একটু চ্যালেঞ্জ আছে.

Beraz, erronka gutxi daukat zuretzat orain.

তাই আরও একটি জিনিস আছে আমি বাকি আছে যে জাতিসংঘ-স্টাইল.

Beraz, gauza bat gehiago da utzi dut estilorik gabekoa.

এই শীর্ষ রেস্টুরেন্ট.

Top Jatetxeak hau.

>> আর আমরা একটা জিনিস ব্যবহার করতে চান এটা শৈলী একটি তালিকা গ্রুপ বলা হয়.

>> Eta gauza bat erabili nahi dugu Zerrenda talde esaten estilo.

অতএব, আপনার প্রতি আমার চ্যালেঞ্জ getbootstrap.com-- করা যেতে

Beraz, nire erronka da joan den getbootstrap.com--

আমি এখানে এটি বৈঠাচালনা নেব.

Tira dut hemen.

getboostrap.com.

এটি, getbootstrap.com যান তারা তালিকা গ্রুপ পুনরালোচনা অধ্যায় যেখানে.

Getbootstrap.com joan, aurkitu atal non Zerrenda talde baino gehiago joan dira.

এবং যদি আপনি এখানে একটি দেখতে পাবেন উদাহরণস্বরূপ এবং অধিকার ক্লাস

Eta ikusiko duzu hemen bat Adibide eta eskuineko klaseak

আপনি ব্যবহার করতে পারেন যে আপনার এই চমৎকার তালিকা দলের মধ্যে তালিকা.

Hori egiteko erabili ahal izango duzu zure Polita zerrenda talde hauek sartu zerrendak.

এই উদাহরণ কাজ হয় কোড উদাহরণ, কি

Hauek lan egin adibide dira kodea adibide, zer

কোড আপনি কি এইচটিএমএল কোড ব্যবহার আপনি ব্যবহার, এবং যে আউটপুট কি.

kodea erabili duzu, zer HTML kodea , erabiltzen duzun eta zer dela irteerak.

>> সুতরাং আমার চ্যালেঞ্জ পৌছে যাও getbootstrap.com যেতে,

>> Beraz, nire erronka zu getbootstrap.com joan,

কিনা আপনি এখানে বা বাড়িতে আছেন, এবং এবং চেষ্টা করুন এই উল শৈলী যোগ করতে

Oraindik hemen edo etxean ala ez, eta saiatu eta estiloak gehitzeko ul honetarako

এটা চমৎকার বানাতে.

egiteko itxura polita da.

আর একটি তালিকা গ্রুপ শৈলী ব্যবহার.

Eta erabili zerrenda-taldea estilo bat.

আপনি, কয়েক মিনিট সময় নিতে চাই এবং, ডকুমেন্টেশন অনুসন্ধান

Pare bat minutu hartu nahi izatea, eta bilatu dokumentazioa,

এই নিজেদের চেষ্টা?

saiatu zeuen buruak hau?

আপনি ওয়েব ডেভেলপমেন্ট করছেন কারণ, আপনি আপনার কাজ অনেক উপলব্ধি করব

Web garapena egiten ari zaren ez delako, Zure lan asko konturatzen duzu

পড়া করা যাচ্ছে এই ডকুমেন্টেশন.

da irakurketa egingo da dokumentazio hau.

তাই আমি এটা পরিচিত পেতে ভাল মনে করি নথিপত্র পড়ার কিভাবে সঙ্গে,

Beraz, uste dut ona da ohitzeko dokumentazioa irakurtzen dituzten,

কিভাবে কোথায় জিনিসটা কি, কি কোড ব্যবহার করতে পারেন উদাহরণ,

nola irudikatu zer da non nahi, zer kodea adibide erabili ahal izango duzu,

আপনি লিভারেজ পারেন কি.

zer onura dezakezu.

>> তাই আবার, getbootstrap.com, উপাদান ট্যাবে যান,

>> Beraz, berriro ere, getbootstrap.com, Osagaiak fitxan joan,

এবং তারপর গ্রুপ তালিকা স্ক্রোল ডাউন করে.

eta gero behera joan Group zerrendari.

আর আপনি কোড উদাহরণ দেখতে পাবেন যে আপনি আপনার এইচটিএমএল যে মাপসই করতে ব্যবহার করতে পারেন.

Eta kodearen adibide ikusiko duzu erabili ahal izango duzu egin behar zure HTML moldatzen dela.

তাই কয়েক মিনিট সময় লাগবে এবং চেষ্টা করুন এবং এটি নিজেকে অন্বেষণ,

Beraz, minutu pare bat hartu eta saiatu eta zeure burua esploratzen da,

আপনি এখানে বা বাড়িতে কিনা.

Oraindik hemen edo etxean ala ez.

আপনি বাড়িতে থাকেন, তাহলে ভিডিও বিরতি, সম্ভবত, এবং এটা নিজে চেষ্টা করুন.

Oraindik baduzu etxean, pausatu bideoa, agian, eta proba ezazu zeure burua.

যদি আপনি যান, তাহলে আপনি এখানে আছেন আমাদের website-- আপনি পৃষ্ঠাটি রিফ্রেশ যদি,

Oraindik baduzu, joan nahi izanez gero, gure website-- orrialde freskatzeko baduzu,

আপনি সেখানে এই দেখতে পাবেন.

Ikusiko duzu hau ez on.

এই একই কোড শুধু হয় ঠিক আছে নতুন শৈলী যোগ.

Kode hau oso bera besterik ez da estilo berriak gehituz bertan.

তাই কয়েক মিনিট সময় নিতে.

Beraz, minutu batzuk hartu.

আমাকে আপনার ভাল বোধ হয় যখন আমাদের জানাতে এটা বা যখন সম্পর্কে আপনার সম্পূর্ণ আঁধারে করছি.

Utzi denean ona sentitzen ari zaren jakin me zu erabat denean edo inguru galdu.

ভালো শুনাচ্ছে?

Soinu ona?

কুল.

Cool.

দ্রুত সরাইয়া আপনি তাদের জন্য বাড়ীতে, আমরা অপেক্ষা করছি, যখন,

Quick albo batera duzuenontzat etxean, zain gaude bitartean

আপনি গিটহাব সাইটটির যেতে হলে যে আমি একটি দম্পতি স্লাইড আগে আপ করা

bazoaz GitHub Gunean orain dela pare bat diapositibak jarriko dut nik,

ভিডিও শুরুর দিকে, আমি একটি গিটহাব রেপো, সংগ্রহস্থলের আছে

Bideoaren hasiera aldera, GitHub Repo bat, repository daukat,

এই আলাপ জন্য.

eztabaida honetan.

আমরা হবেন যে এই সব কোড উদাহরণ এখানে ডান সংরক্ষণ করা হয় যে বিষয়ে কথা বলছি.

Kodea adibide horiek guztiak ez dugu izan hementxe gordetzen dira hizketan.

তাই আপনি যদি এই-1.html চ্যালেঞ্জ যেতে হলে আমরা এই মুহূর্তে আছে সমস্ত কোড

Beraz, joan desafio-1.html den, hau bada Kodea guztiak oraintxe dugun hori da

আমাদের CodePen উপর.

Gure CodePen orrian.

তাই যদি আপনি এগিয়ে যান, এবং কপি করতে পারেন এই, এবং আপনার নিজের CodePen মধ্যে পেস্ট করুন.

Beraz, zuk bakarrik joan ahal izango du aurretik, eta kopia hau, eta itsatsi zure CodePen propioa.

আর যে ভাবে, আপনি রাখা আপ করতে পারেন আমরা এখানে কি করছেন সঙ্গে.

Eta, era horretan, aukera ematen dizu hemen zer egiten ari gara.

সুতরাং এই পৃষ্ঠাটি খুলুন আছে সেইসাথে আমরা সেমিনারে বাকি মধ্য দিয়ে যেতে.

Beraz, orri hau irekia baita dugu Mintegi gainerako zehar joan.

আবার, যদি আপনি এটি আপনার কি মত দেখতে চাই আপনার পর্দার নীচের অংশে নিচে দেখুন

Berriz ere, zer duzun bezala begiratu nahi duzun ikusi behera pantailaren behealdean

han.

এর বাকিদের জন্য অপেক্ষা করা যাক তারা কি করছেন সঙ্গে আপ শেষ.

Itxaron dezagun guztion besteren bukatzeko, zer egiten ari dira jokatzen.

>> হ্যাঁ?

>> Bai?

>> শ্রোতা: আমি চেয়েছি যে ধরুন home-- এ বুটস্ট্র্যাপ ব্যবহার

>> Ikusleak: Demagun nahi nuela Bootstrap erabili home-- at

নীল মেহতা: হ্যাঁ.

NEEL Mehta: Bai.

শ্রোতা: আমি ওয়েবসাইটে, দেখতে পাতা শুরু.

Ikusleak:, ikusten dut, web gunean, Erabiltzen hasteko orria.

তারা আমাকে অপশন দিতে বুটস্ট্র্যাপ, সোর্স কোড, বা Sass.

Me eman zioten aukerak Bootstrap, iturburu, edo Sass.

আমি এর মধ্যে কোনটি চাও?

Horietako zein nahi dut?

>> নীল মেহতা: হ্যাঁ.

>> NEEL Mehta: Bai.

তাই প্রশ্ন, কিভাবে পাবেন না হয় নিজেদেরকে দ্বারা বুটস্ট্র্যাপ ব্যবহার শুরু?

Beraz, galdera da, nola ez duzu lortu Bootstrap erabiliz geure kasa hasi zen?

এটা ঠিক এরকম magically ঠিক এখানে কাজ.

Gertatzen da, besterik gabe, magikoki hementxe lan.

আমরা সময়ে আছে তাই সেমিনারে শেষে,

Beraz, denbora badugu Jardunaldiaren amaieran,

আমি কিভাবে আপনি যা করতে পারেন আপনি দেখাব আপনার নিজস্ব ওয়েব পেজে এটা বুঝতে পারছি.

Erakutsi dut nola egin dezakezu lortuko da zeure web orrian.

এখানে ভালো লেগেছে, আমি আসলে করেছি কিছু সেটিংস করা যে

Hemen bezala, dut benetan jarri ezarpen batzuk

স্বয়ংক্রিয়ভাবে এটি হবে লোড কিন্তু আমি করব

izango da automatikoki kargatu, baina ez dut

আপনার কাছ থেকে এটা করতে প্রদর্শন আপনার নিজস্ব ওয়েব পাতায় স্ক্র্যাচ.

erakutsi egin behar dituzu, Zure web orrietan kabuz urratu.

>> শ্রোতা: আপনাকে ধন্যবাদ.

>> Ikusleak: Eskerrik asko.

Cool.

সুতরাং যারা আমার তারা তৈরি কিভাবে বলতে চায় এই জিনিস সুন্দর এবং Boostrappy চেহারা?

Beraz, nahi duenak zidan nola egin zuten kontatzeko gauza hori itxura polita eta Boostrappy?

আমরা উল যোগ প্রথম শ্রেণীর কী?

Zer da lehen mailako gehitu ul nahi dugu?

শ্রোতা: বর্গ = "তালিকায়-গ্রুপ".

Ikusleak: class = "list-taldea".

নীল মেহতা: হ্যাঁ. তালিকায়-গ্রুপ.

NEEL Mehta: Bai. Zerrenda-taldea.

আর আমরা ফুল কি সংযুক্ত না তারপর?

Eta gero, zer erantsi lis behar dugu?

অন্য কেউ?

Beste norbaitek?

শ্রোতা: তারপর ও তার পরে যে, বর্গ = "তালিকায়-গ্রুপ-আইটেমটি".

Ikusleak: Eta gero, ondoren hori, class = "list-group-elementua".

>> নীল মেহতা: হ্যাঁ.

>> NEEL Mehta: Bai.

>> শ্রোতা: এবং এটা পরের এক জন্য একই.

>> Ikusleak: Eta hori da egin hurrengo bat bera.

>> নীল মেহতা: Li বর্গ = "তালিকায়-গ্রুপ-আইটেমটি".

>> NEEL Mehta: li class = "list-group-elementua".

এই নাও.

Bertan joan zaitezke.

আমরা আমাদের সুন্দর তালিকায় গ্রুপ আছে, আমরা আশা করেছিলেন, ঠিক মত.

Gure polita zerrenda-taldea daukagu, espero zuen bezala besterik ez dugu.

তাই সেখানে আপনি যান.

Beraz, ez duzu joan.

10 মিনিটের মধ্যে, আমরা করেছি এই বিরক্তিকর, পুরাতন Yalp! পৃষ্ঠা

10 minutuan, egin ditugun aspergarria honetan, Yalp zaharra! orria

চমৎকার এবং পেশাদার চেহারা.

itxura polita eta profesionala.

এবং যে মাত্র শুরুতে.

Eta hori hasiera besterik ez da.

তাই এখন আপনি মনে করেন যে যে সম্পর্কে তারা ভালো, আসুন

Beraz, gaur egun sentitzen duzula Horri buruz ona, dezagun

শুধু এগিয়ে যান এবং কথা বলার একটি দম্পতি আরো উপাদান যে

aurrera, eta hitz egin a osagai pare gehiago dagoela

আপনি যেমন উপকারে আসতে পারে আপনার দু: সাহসিক কাজ সারা যান.

agian erabilgarri etorriko zarenean zure abentura zehar joateko.

>> অবশ্যই, এখানে অনেক বেশী আছে.

>> Jakina, a lot direnak hemen dago.

আর এখন আপনি শিখেছি করেছি যে তালিকায় গ্রুপ কিভাবে করবেন,

Eta orain duzula Ikasi Zerrenda talde nola egin,

আপনি অনেক সুন্দর শেখানো যেতে পারে নিজেকে কিভাবে এর মধ্যে যে কোনো কাজ করতে.

daiteke pretty much irakasteko zeure burua nola horietako edozein egiteko.

কিন্তু, অবশ্যই, এর ঠিক করার চেষ্টা করা যাক এবং, আরো নিজেদেরকে একটি দম্পতি

Baina, jakina, utzi saiatu nahiko luke eta pare bat gehiago egin geure,

আপনার জন্য একটি অনুভূতি পেতে শুধু তাই কিভাবে আপনি তাদের ব্যবহার করতে পারে.

Beraz, besterik ez sentitzen lortzeko duzu nola erabili dezakezu.

আমি শুধু যেতে চলেছি এখানে এই উদাহরণে.

Besterik ez naiz joango Adibide honetan hemen.

আবার, আমি শুধু কোড আটকানো যে এখানে সঠিক পাওয়া যায় এখানে.

Again, kodea itsatsi besterik ez dut Hemen ere eskuragarri dago hemen.

সুতরাং এটি বৈঠাচালনা বিনা দ্বিধায়.

Beraz, sentitzen free tira.

>> সুতরাং আমরা ইতিমধ্যে মাধ্যমে সর্বস্বান্ত করেছি এই উদাহরণ একটি দম্পতি.

>> Beraz, dagoeneko dugu pasatu Adibide horietako pare bat.

সুতরাং আমরা, বাটন আছে যা আমরা ইতিমধ্যেই কিভাবে দেখেছি.

Beraz botoiak ditugu, bertan dugu Dagoeneko ikusi dute nola egin.

আমরা বোতাম বড় করতে পারেন.

Botoiak handiagoa egin ahal izango dugu.

বাটন বর্গ দ্বারা এটা যায় বিটিএন-এলজি বিটিএন এবং বিটিএন-ডিফল্ট এটা সাদা তোলে.

Botoia klase doa, btn-lg btn eta btn-default zuria egiten.

সুতরাং এই আমাদের বাটন বড় করে তোলে তুলনায় এটি অন্যথায় হতে পারে.

Beraz, horregatik, gure botoia handiagoa baino zitekeen bestela izan.

আপনি যদি এটা উপকারে আসতে পারে বড় বাটন অথবা কিছু জমা দিতে.

Erabilgarri Litekeena da etorri, baldin baduzu big aurkeztu botoia edo zerbait.

আমরা, তালিকা গ্রুপ যেমন দেখেছি আমরা ফর্ম উদাহরণ দেখেছি.

Zerrenda adibide ikusi ditugu, Formulario adibide ikusi ditugu.

>> এক অত্যন্ত গুরুত্বপূর্ণ এক আইকন হয়.

>> Bat oso garrantzitsua One ikonoak da.

এবং আইকন আপনি যোগ করার জন্য একটি উপায় হয় চেক চেক মত আকর্ষণীয় কিছু

Eta ikonoak gehitzeko modu bat dira gauza interesgarriak, check check bezala

চিহ্ন, বা কোনোটিতে লাফিয়ে উঠবে যাত্রী, বা বন্ধু আইকন, বা পুনর্সূচনা আইকন,

markak, edo pluses, edo lagun ikonoak, edo berrabiarazi ikonoak,

আপনার ওয়েব অ্যাপ্লিকেশন বা যাই হোক না কেন.

edo zure web aplikazioa edozein dela ere.

তাই আবার, এখানে শুধুমাত্র যদি আমরা, উপাদান, Glyphicons,

Beraz, berriro ere, ez dugu bada hemen sartu, osagai, glyphicons,

বুটস্ট্র্যাপ জন্য উপলব্ধ আইকন আছে.

ikonoak Bootstrap eskuragarri daude.

একটি সম্পূর্ণ আছে এখানে সব বেশী তালিকা.

Ez da, zehatza egingo Direnak hemen guztien zerrenda.

তাই শুধু একটি উদাহরণ হিসাবে, এর চেষ্টা এবং এক দিন.

Beraz, besterik gabe, adibide gisa, saiatu eta gehi bat utzi.

>> তাই ফেসবুক মত, আমরা চেষ্টা করছি অ্যাড বন্ধু বাটন আছে.

>> Beraz, Facebook bezalako, ari saiatzen dugu Gehitu lagun botoi bat izatea.

প্রথম কিছু শৈলী যোগ করা যাক.

Let estilo batzuk gehitu lehen.

বাটন বর্গ = "বিটিএন-সাফল্য বিটিএন".

botoia class = "btn btn-arrakasta".

এবং সেখানে আমরা যেতে.

Eta ez dugu joan.

এর এখানে একটি আইকন যোগ করা যাক.

Dezagun gehitu ikono bat hemen.

কি আইকন, আপনি কি মনে করেন না এখানে করা জানার জন্য হতে পারে?

Zer ikonoa, iruditzen zaizu, zentzurik dezake hemen jartzea?

আপনি সম্ভবত দেখা করেছি কিছু কিছু ওয়েব পেজ বা যাই হোক না কেন,

Seguruenik duzu ikusten Zenbait web orrietan edo dena delakoa,

কিন্তু একটি আইকন একটি উদাহরণ কি যে এই বাটন ভিতরে ভাল যেতে পারে?

baina zer da ikono bat adibide bat dela Ondo joan liteke botoi hau barrutik?

, এই দৃশ্য ব্রাউজ নির্দ্বিধায় যদি আপনার কোন অনুপ্রেরণা দরকার.

Feel free ikuspegi honetan nabigatzen, Edozein inspirazioa behar izanez gero.

দরকারী অনেক আছে এখানে পাওয়া বেশী.

Ez dago erabilgarri asko da direnak dago hemen.

হ্যাঁ?

Bai?

>> শ্রোতা: হয়তো Glyphicon ব্যবহারকারী এক?

>> Ikusleak: Agian glyphicon erabiltzaile bat?

Bai.

ফেসবুকে, আমি মনে করি যে মত একটি বিট দেখাবে.

Facebook-en, uste dut duten bezala, pixka bat begiratu litzateke.

তাই আমরা এখানে সম্পর্কে যান কিভাবে আমাদের পেজ থেকে আইকন যোগ.

Hortaz, hona hemen nola joan ginen ikonoak gehituz gure webguneetan.

আমরা শুধু একটি span-- বিঘত একটি হল আছে কিছু নিরপেক্ষ ধারক.

Besterik ez dugu a span a span-- da Zerbait egiteko neutral edukiontzi.

একটি div কিছু একটা ধারক, একটি স্প্যান অন্য ধারক.

Div A zerbait edukiontzi bat da, span bat edukiontzi bat da.

divs লাইন ব্রেক আছে তাদের প্রায় ঘটনাকাল না.

DIV lerro-jauziak izan Horien inguruan, bao ez.

তাই বিভিন্ন উপায় আছে জেনেরিক পাত্রে হচ্ছে.

Beraz, ez dago modu desberdina edukiontziak generic izatea.

এটা জানার জন্য না আছে ভালো লাগাতে একটি অনুচ্ছেদ বা কিছু ভেতরে.

Bezalakoa da, ez du zentzurik jarri paragrafo bat edo ezer barruan.

আমরা এটা করা পেয়েছেন যদিও কিছু ভিতরে,

Lortu dugu bertan jarri Zerbait barruan nahiz eta,

তাই আমরা শুধু একটি স্প্যান ভেতরে রাখা.

beraz, jarri besterik ez dugu span baten barruan.

সুতরাং span class = Glyphicon Glyphicon ইউজার "বন্ধ স্প্যান.

Beraz span class = glyphicon glyphicon-user "itxi span.

এবং আমরা এখন আছে বাটন ভিতরে icon.

Eta orain izan dugu botoi barruan ikonoa.

>> তাই এটা সম্পূর্ণরূপে ভিন্ন চেহারা না আপনি facebook.com কি দেখতে পারে.

>> Beraz, ez du itxura oso-osorik ez bezala zer on facebook.com baliteke ikusi.

তাই এইসব পারেন যে চমৎকার আসলে যে কোন স্থানে স্থাপন আপনি চান করা.

Eta hain polita ahal horiek kito benetan edonon jarri nahi duzun.

আপনার হেডার বার, আপনার তালিকায় দলের মধ্যে.

Zure goiburua tabernetan, Zure zerrendan taldetan.

যাই হোক.

Whatever.

আর তাদেরকে পরিক্ষা করা হবে না একটা বোতাম ভিতরে.

Ez du zertan izan botoi baten barruan.

একটি উদাহরণ হিসেবে, আমি করতে পারেন, তাই এখানে একই ক্লাসে করা.

Beraz, adibide gisa, I can Klase bereko hemen jarri.

"Glyphicon Glyphicon ইউজার".

"Glyphicon glyphicon-user".

এবং এটা ঠিক একই প্রদর্শিত হবে.

Eta horixe bera agertzen da.

তো আপনারা স্প্যান ব্যবহার করতে পারেন icons-- বর্গ = "Glyphicon Glyphicon-যাই হোক না কেন".

Beraz, hauek icons-- span erabil ditzakezu class = "glyphicon glyphicon-edozein izanda ere".

এবং যে আপনি যোগ দেওয়া হবে যেখানে আপনি চান আইকন.

Eta gehi utziko Nahi duzun tokian ikonoak.

আর আইকন একটি খুবই গুরুত্বপূর্ণ একটি ওয়েবসাইট চেহারা তৈরীর অংশ

Eta ikonoak garrantzitsua dira Webgune begirada bat egiteko zati

পেশাদার এবং ভাল কাজ করেছেন.

profesionala eta ondo egina.

সুতরাং এটি অতিমাত্রায়, কিন্তু এটা না প্রায়ই একটা ভাল জিনিস জানতে.

Beraz, ez overdo da, baina da askotan gauza ona da jakitea.

>> প্যানেল, আবার.

>> Panelak, berriro.

আমি শুধু একটি সংক্ষিপ্তবৃত্তি হিসাবে আবার এই কাজ করব তারা ধরনের জড়িত করছি কারণ.

I besterik ez dut hau berriro laburpena gisa motatako ari dira parte hartzen duelako.

আপনি যে বিজ্ঞপ্তি পাবেন আপনার স্বাভাবিক এইচটিএমএল বাঁক

Hori dela nabarituko duzu ere Zure HTML normal inflexio

বুটস্ট্র্যাপ-afied একটি মধ্যে সাইট সাইটে, আপনি পাবেন

a Bootstrap-afied sartu gune gune, izan dituzu

ওয়েবসাইট থেকে অতিরিক্ত কাঠামো যোগ করুন.

Aparteko egitura gehitzeko webgunera.

উদাহরণস্বরূপ, আমরা অতিরিক্ত আছে এখানে divs শুধু ঐ কারণ

Esate baterako, aparteko daukagu DIV hemen soilik delako

একটি প্যানেল তৈরি করতে প্রয়োজন হয়.

behar dira panel bat egin behar izan du.

সুতরাং শুধু যে কথা মনে রাখবেন যে আপনি অতিরিক্ত কাঠামো আছে করব.

Beraz, besterik gabe, kontuan izan hori dela izan dituzu estra egitura dute.

সুতরাং "প্যানেলের-ডিফল্ট".

Beraz, "panel panel-default".

হয়তো এটা প্যানেল-হেডার.

Agian panel-goiburua da.

আমি এটা প্যানেল-শিরোনাম মনে.

Nik uste dut, panel-izenburuaren.

হ্যাঁ.

Bai.

আমরা শুরু করছি.

Hor dugu.

সুতরাং, আবার, আমাদের প্যানেল আছে.

Beraz, berriro ere, ez gure panel da.

>> আরও একটি জিনিস যে আমরা এখনো টেবিল কভার করা হয়নি.

>> Gauza bat gehiago garela ez zuen estaltzen oraindik, mahaiak.

অরুপ ডিফল্ট বর্ণন ধরনের টেবিল,.

Mahaiak, default itxura itsusi mota arabera.

এটার মত.

Horrela.

কিন্তু টেবিল, অবশ্যই, হয় একটি অত্যন্ত গুরুত্বপূর্ণ অংশ

Baina mahaiak daude, noski, zati garrantzitsu bat

আপনি ওয়েব ডেভেলপমেন্ট কি করতে হবে এর.

zer izango web garapenean egin nahi duzu.

Pset7, উদাহরণস্বরূপ, মধ্যে CS50 আউট শীঘ্রই আসবে যা অন্যদের,

Pset7, adibidez, CS50 Ogasun, eta laster aterako da,

আপনি টেবিল অনেক ব্যবহার করব.

mahaiak asko erabili ahal izango duzu.

আর ওয়েব dev অনেক অনেক ব্যবহার তথ্য প্রদর্শন সারণির,

Eta web dev asko asko erabili informazioa erakutsi mahaiak,

স্টক, বা স্কোর দেখুন অথবা যাহা মত.

Zenbakia, edo partiturak, edo dena bezalakoa.

>> তাই টেবিল styling আসলে খুব সহজ.

>> Beraz, mahaiak Sorozabal da, benetan oso erraza da.

আপনি আপনার টেবিল থেকে টেবিল বর্গ যোগ করুন.

Mahai gehi klasea zure mahaira.

আর, আমি এটা দেখতেও সুন্দর সুন্দর, বলতে সাহস.

Eta, esango nuke, nahiko polita ikusten da.

আপনি অতিরিক্ত জিনিস করতে পারেন, মত "টেবিলের টেবিল-ডোরাকাটা".

Aparteko gauzak egin ahal izango duzu, bezalako "mahai mahai-marra".

এবং যদি আপনি এখানে ফলাফল দেখতে পাবেন.

Eta emaitzak hemen ikusi ahal izango duzu.

আপনি টেবিল-সীমানায় নির্বাচন করতে পারবেন.

Mahai-mugakide egin dezakezu.

আপনি যা করতে পারেন বিকল্প অনেক আছে.

Badira ahal duzun aukera asko dago.

কিন্তু মূলত, যোগ একটি টেবিল, টেবিল বর্গ,

Baina, batez ere, gehituz bat mahaia, mahai-klasea,

আপনার টেবিল সুন্দর সুন্দর বানাতে হবে.

Zure taulak itxura nahiko polita egingo.

সুতরাং যে একটি সংক্ষিপ্ত ভগ্নস্বাস্থ্য শিঠ্ট আরো গুরুত্বপূর্ণ শৈলীর কিছু

Beraz, hori rundown labur bat da estilo gehiago garrantzitsu batzuk

এবং উপাদান আপনি পাবেন বুটস্ট্র্যাপ জন্য ব্যবহার করতে হবে.

eta osagai dituzu den Bootstrap erabili behar.

তাই আমি যে গোপন মনে আমাদের সুন্দর অংশ.

Beraz, uste biltzen dudala gure aldetik, ederra eman.

কিভাবে সম্পর্কে এই মুহূর্তে কোনো প্রশ্ন আপনার ওয়েবসাইটের সুন্দর করতে?

Edozein zalantza oraintxe nola buruz Zure webgune ederra egiteko?

আপনি এই ব্যবহার করতে পারেন কিভাবে আপনার সুবিধাজনক উপাদান?

Nola hauek erabili ahal izango duzu zure abantaila osagaiak?

ভালো লাগছে?

Ondo sentitu?

হ্যাঁ?

Bai?

শ্রোতা: হয়তো এই একটি নিরীহ প্রশ্ন হল,

Ikusleak: Agian hau silly galdera bat da,

কিন্তু আপনি উইকিপিডিয়ার বুটস্ট্র্যাপ ব্যবহার করতে পারেন?

baina ezin Bootstrap erabiltzen duzun Wikipedian?

যদি আপনি উইকিপিডিয়ার পৃষ্ঠা সম্পাদনা করছি?

You Wikipedia orrialde bat aldatzen ari bazara?

নীল মেহতা: হ্যাঁ.

NEEL Mehta: Bai.

প্রশ্ন ছিল, তাই আমি আছি উইকিপিডিয়ার পৃষ্ঠা সম্পাদনা,

Beraz, galdera zen, naiz Wikipedia orrialde bat aldatzen,

আমি সেখানে বুটস্ট্র্যাপ শৈলী অন্তর্ভুক্ত করতে পারে?

ahal Bootstrap estilo batzuetan dut hor?

>> শ্রোতা: হ্যাঁ.

>> Ikusleak: Bai.

>> নীল মেহতা: তাই বুটস্ট্র্যাপ হয় মূলত একটি বড় CSS স্টাইল শীট.

>> NEEL Mehta: Eta orain Bootstrap da funtsean CSS estilo orria handi bat.

একটি CSS স্টাইল শীট শুধু, যখনই বলেছেন আমি এই বর্গ আছে এই শৈলী জোড়া.

CSS estilo orria A besterik ez dio, betiere, Klase hau daukat, estilo horiek erantsi.

বুটস্ট্র্যাপ জন্য CSS স্টাইল শীট তাই বিটিএন ভালো কিছু হতে যাচ্ছে,

Beraz CSS estilo orriaren Bootstrap erabiliz da .btn antzeko zerbait izango da,

বাটন শ্রেণীকে মত পাবেন বৃত্তাকার কোণার সীমানা বা যাই হোক না কেন.

botoia klasea, egingo bat bezala lortu biribildu izkinan mugan edo dena delakoa.

তাই মূলত, শুধু একটি এটা বুটস্ট্র্যাপ ক্লাস গুচ্ছ এবং শৈলী একটি গুচ্ছ

Beraz, funtsean, Bootstrap hori bidezkoa klaseak sorta eta estilo sorta bat

ঐ শ্রেণীর জন্য নির্দিষ্ট.

klase horiek zehaztu.

তাই যতদিন না পর্যন্ত আপনি যে সিএসএস আছে যেমন, আপনার পৃষ্ঠায় নিয়ম এই তালিকায়,

Beraz, betiere CSS duten heinean, zure orrian arauak zerrenda honetan,

আপনি বুটস্ট্র্যাপ স্টাইলিং পাবেন.

Bootstrap estetika jasoko duzu.

যে, অবশ্যই, সাপেক্ষ আপনার পৃষ্ঠায় বুটস্ট্র্যাপ শৈলী থাকার

Hau da, jakina, kontingente Bootstrap estiloak zure orrian beharrik

দিয়ে শুরু করতে.

hasteko.

>> আর তাই উইকিপিডিয়ায়, আপনি সম্ভবত না পারা

>> Eta beraz, Wikipedia ere, Ziurrenik ezin duzu ez

তা করতে উইকিপিডিয়া কারণ এটা বুটস্ট্র্যাপ নেই.

egiten duten Wikipedia delako ez dauka Bootstrap atalean.

কিন্তু এটা বুটস্ট্র্যাপ আছে না হলে, আপনি সম্ভবত তা করতে পারে.

Baina izan Bootstrap egin badu, Ziurrenik ezin duzu hori egin.

আপনি চেয়েছিলেন এবং, যদি আপনি পারে এটি অন্তর্ভুক্ত, কিন্তু যে পারে

Eta nahi baduzu, ezin duzu besteak beste, baina, agian hori

পৃষ্ঠার বিদ্যমান বিন্যাস বিরতি.

Existitzen den orriaren diseinua hausteko.

কিন্তু খুব ভাল প্রশ্ন.

Baina galdera ona.

আপনি বুটস্ট্র্যাপ ব্যবহার করতে পারেন এটা অন্তর্ভুক্ত করা হয় যেখানে,

Bootstrap erabil dezakezu lekuan dago barne dela,

কিন্তু এটি ডিফল্টরূপে মধ্যে নির্মিত না.

baina ez da eraiki lehenetsita.

>> শ্রোতা: আপনাকে ধন্যবাদ.

>> Ikusleak: Eskerrik asko.

>> নীল মেহতা: হ্যাঁ.

>> NEEL Mehta: Bai.

আর কোন প্রশ্ন?

Edozein zalantza gehiago?

হ্যাঁ.

Bai.

আপনি এখানে বা বাড়িতে কিনা তাই, শুধু getboostrap.com-- আবার মনে,

Oraindik, beraz, hemen edo etxean duzun ala ez, jakin ezazue getboostrap.com-- berriro,

আপনার বন্ধুর getboostrap.com-- হয়.

getboostrap.com-- zure laguna da.

যখনই আপনি ব্যবহার করছেন বুটস্ট্র্যাপ, এই আপনি দিতে হবে

Erabiltzen ari zaren guztietan Bootstrap, hau emango dizu

পেতে সম্পর্কে নির্দেশাবলী শুরু, উপাদান ব্যবহার কিভাবে.

nola iritsi buruz argibideak Hasteko, osagaiak nola erabili.

কিছু শান্ত জাভাস্ক্রিপ্ট নেই প্লাগ-ইনের আমরা এখানে ধরে যেতে হবে না যে,

Ez da, cool Javascript batzuk pluginak hori ezin izango dugu hona,

কিন্তু তারা পাশাপাশি করছি মূল্য চেক আউট.

baina egiaztapena merezi bezala ondo ari dira.

তাই এই আপনার বন্ধু হয়.

Beraz, hau da zure laguna da.

এটা পেতে শুধু গুরুত্বপূর্ণ এই ব্যবহার কিভাবে করতে ব্যবহৃত.

Besterik ez da, garrantzitsua lortu hau nola erabili ohi zituen.

>> সুতরাং আসুন সম্পর্কে একটি বিট চ্যাট দিন প্রতিক্রিয়াশীল ওয়েবসাইট তৈরীর.

>> Hargatik chat apur bat sentikorrena web hartzeko.

হিসাবে আমি আগে বলেন তো, মানুষ ব্যবহৃত তাদের ল্যাপটপ, তারা তাদের ফোন ব্যবহার.

Beraz, ahalik eta lehen esan dudan, erabilitako pertsona beren ordenagailu eramangarriak, bere telefono erabiltzen dute.

আপনি ভাল কল্পনা করতে পারে এবং, এই হল যে চেয়ে খুব আলাদা স্ক্রিন সাইজ.

Eta ondo Imajinatu dezakezu bezala, hau da, Hori baino pantaila oso ezberdinak tamaina bat.

আর তাই একই ওয়েবসাইট যে আমার ফোনে দেখতেও ভাল

Eta beraz, webgune bereko itxura ona nire telefonoan

চেহারা ভালো যাচ্ছে না, অগত্যা, একটি কম্পিউটারে.

Ez da itxura ona joan, nahitaez, ordenagailu batean.

তাই আপনাকে যা করতে হবে তা হল আপনার ওয়েবসাইট মানিয়ে করতে.

Beraz, zer egin behar duzun da Egin zure web egokitzeko.

এটি বিভিন্ন খাপ খাওয়ানো হয়েছে পর্দা এটা যে মাপ.

Den hainbat egokitzeko ditu pantaila tamainak dela.

>> এটা আমি একটি আছি জানি, বলার আছে কম্পিউটার, একটি বড় ল্যাপটপ, আমি বিস্তৃত করা উচিত.

>> Esan nahi du, ezagutzen ez naiz bat dut ordenagailu, eramangarri handi bat, zabaltzeko behar dut.

আমি একটি ফোন উপর আছি জানি, আমি সঙ্কুচিত করা উচিত.

Badakit nago telefono bat dut, txikitu behar dut.

আর তাই বুটস্ট্র্যাপ কিছু প্রদান করে খুব, খুব দরকারী টুলস এই কাজ করতে.

Eta beraz, Bootstrap batzuk eskaintzen , tresna oso baliagarria da oso hori egin ahal izateko.

তাই বুটস্ট্র্যাপ এর আপনি বিরতি দিন 12 কলাম মধ্যে একটি ওয়েবসাইট.

Beraz, Bootstrap dezagun duzu break Web orri bat 12 zutabeak.

আপনি সারি করা এবং 12 কলাম থাকতে পারে.

Ilara egin dezakezu, eta 12 zutabeak dute.

এবং পার্টিশনটি পারেন যারা তবে, আপনি চান.

Eta partizioa ditzakezu horiek nahi duzun bezala.

আপনি, এক, বড় বিষয় থাকতে পারে যা 12 কলাম চওড়া.

Bat, gauza handia izan ditzakezu, hau da, 12 zutabeen zabalera.

আপনি দুটি জিনিস থাকতে পারে ছয় প্রতিটি হয়.

Bi gauza izan ditzakezu duten sei bakoitza.

আপনি, চার এর যে এক জিনিস করতে পারেন দুটি যে এক, বা ছয় যে এক.

Gauza bat, lau da egin ahal izango duzu, berak bi da, edo hori da, sei.

আপনি তিনটি, তিনটি, তিনটি, তিনটি কাজ করতে পারেন.

Hiru, hiru, hiru, hiru egin dezakezu.

আপনি কি করতে পারেন যাই হোক না কেন আপনি চান যে ভাঙ্গন.

Egin ahal izango duzu, edozein Matxura nahi duzun.

>> তাই হয়তো আপনার ওয়েব পৃষ্ঠায় একটি আছে প্রয়োজন তৃতীয় এক প্রস্থ যে বাম কলাম.

>> Beraz, agian, zure web orria behar bat izatea Ezkerreko zutabean da hirugarren zabalera.

সুতরাং যে চার কলাম হতে হবে চওড়া এবং পাতা বাকি

Beraz, hori lau zutabe izango litzateke zabal eta orri gainerako

আট কলাম চওড়া হতে পারে.

zortzi zutabe zabalera izango litzateke.

সুতরাং এই একটি উদাহরণ.

Beraz, hau adibide bat da.

এর আরেকটি উদাহরণ মুঠি ধরে টেনে তুলবো.

Dezagun tira beste adibide bat.

>> শ্রোতা: সবসময় এটা কি এমনকি একটি বিভক্ত করা আছে?

>> IKUSLEEN: da beti nahiz eta zatitu bat izan behar?

এটি একটি সাত পাঁচ বিভক্ত হতে পারে?

Ezin izan zazpi, bost split bat izango da?

>> নীল মেহতা: হ্যাঁ.

>> NEEL Mehta: Bai.

এটা সাত, পাঁচ হতে পারে.

Zazpi, bost izan zitekeen.

হ্যাঁ.

Bai.

যতদিন এটা 12 যোগ করে, এটা ঠিক আছে.

Betiere gehitzen 12ra da, fina da.

সুতরাং আসুন এখানে ফিরে যান.

Beraz, goazen atzera hemen.

আবার, কোড যে এখানে, এখানে পাওয়া যায়

Berriz ere, kode dela Hemen ere eskuragarri dago hemen,

প্রতিক্রিয়াশীল উদাহরণস্বরূপ অধীনে.

sentikorrena Adibidez pean.

তাই আমি ঠিক গুটান কিছু এখানে যেমন প্রতিক্রিয়াশীল কোড.

Beraz, bota besterik ez dut batzuk Adibidez sentikorrena kodea hemen.

তাই আপনি ব্যবহার করে এই কাজ সারি নামক একটি জিনিস.

Beraz, hori egin duzu erabiliz Ilara izeneko gauza bat.

সারি শুধু আরেকটি বর্গ.

Ilara besterik beste mailakoa da.

এটা আপনি সম্মুখের যোগ অন্য শৈলী আপনার তাদের নিজস্ব উপাদান করতে divs.

Beste estilo gehitu kalera duzun da zure DIV horiek egiteko bere osagaiak.

>> সুতরাং আপনি DIV, বলে বর্গ = "সারি", একটি সারি করা

>> Beraz, esan duzu div class = "ilara" bat egin ahal izateko,

নিজেকে স্থান 12 কলাম দিতে.

eskuz emateko 12 espazioaren zutabeak.

এবং তারপর আপনি যে ভেতরে কলাম করা.

Eta gero, horren barruan zutabeak jarri duzu.

তাই আমরা এখানে Col--6 XS.

Hortaz, hona hemen Col-xs-6 dugu.

XS সম্পর্কে চিন্তা করবেন না.

Ez xs kezkatu.

আমরা একটি সেকে সম্পর্কে আলোচনা করব.

Buruz hitz egingo dugu sec batean.

কিন্তু মূলত, আমরা এক আছে ওয়াইড ছয় জিনিস যে.

Baina, batez ere, bat egin behar dugu Gauza duten sei zabala dago.

আমরা এটা বাম কল.

Utzitako deitzen diogu.

আর তাই যে বাম বক্সে এখানে.

Eta beraz, hemen ezkerreko kutxa da.

আমরা যে এক জিনিস আছে ওয়াইড 12 কলাম ছয়.

Gauza bat dela daukagu Sei 12 zutabeen zabalera duten.

আর যে কেউ ঠিক পথেই এগিয়ে যাচ্ছে.

Eta bat eskuinean dago.

>> ভাল ঠিক করে দেয় আপনার div ধূসর এটি ভরাট.

>> Ondo besterik ematen markak Zure div bete eman grisa.

তাই যাতে আমরা করতে পারেন ঠিক তারা স্বতন্ত্র আছেন দেখতে.

Beraz, hori besterik ez da, beraz, ezin dugu ikusi desberdin Oraindik dutela.

আর তাই এই প্রথম উদাহরণ.

Eta beraz, honen lehen adibide.

এটা আপনি কিভাবে একটি খুব সহজ উদাহরণ এখানে আপনার সারি এবং কলাম ব্যবহার করবে.

Nola adibide oso sinplea da Hemen zure lerro eta zutabe erabiliko luke.

আপনি বর্গ = "সারি" ব্যবহার করে একটি সারিতে নির্ধারণ.

Ilara bat zehazteko class = "ilara" erabiliz.

এবং তারপর আপনি বর্গ = "কর্নেল-XS-6" না না অর্ধেক, "কর্নেল-XS-6" অপরার্ধ করতে.

Eta gero, ez duzu class = "col-xs-6" egin erdi, "col-xs-6" beste erdia egiteko.

এখানে আরো একটি জটিল উদাহরণ.

Hona hemen adibide bat zailagoa da.

, এর ক্ষুদ্র তাকান বিপুল, বাকি এক.

Dezagun begiratu txiki batean, Erraldoia, Gainerakoa bat.

>> আমরা ক্ষুদ্র দুটি কলাম ব্যাপী করতে পারেন, আমরা বিশাল ছয় কলাম ব্যাপী করতে পারেন,

>> Tiny bi zutabe zabala egin ahal izango dugu, Erraldoia sei zutabe zabala egin ahal izango dugu,

চওড়া এবং বাকি চার কলাম.

eta gainerako lau zutabe zabal.

যে 12 পর্যন্ত যোগ করে.

Gehitzen 12ra.

আর তাই এই spanning শেষ পর্যন্ত পৃষ্ঠার প্রস্থ.

Eta beraz, horiek, azkenean, zubiak eraikiz Orri zabalera.

আবার, আমরা বাইরে একটি সারিতে আছে.

Berriz ere, ilara batean kanpotik ditugu.

তারপর আমরা div class = "কর্নেল-XS-2" আছে তারপর 6, এবং তারপর 4 এবং.

Ondoren div class = "col-xs-2" izan dugu eta ondoren, 6, eta, ondoren, 4.

এবং যে প্রদান করবে আমাদের জন্য কাঠামো.

Eta hori izango da ematen guretzat egituran.

আর তাই আমরা লাগাতে পারেন যাই হোক না কেন নরক আমরা এখানে ভিতরে চান.

Eta beraz, jarri ahal izango dugu, edozein dela demontre barruan nahi dugu hemen.

পরিবর্তে ক্ষুদ্র, আমরা একটি বাটন লাগাতে পারেন.

Tiny ordez, botoi bat jarri ahal izango dugu.

বাটন বর্গ = "বিটিএন-প্রাথমিক বিটিএন".

botoia class = "btn btn-lehen".

আর তাই যে লক্ষ্য আমাদের বাটন সব প্রস্থ লাগতে না,

Eta beraz, nabarituko gure botoia ez du berriz hartzen zabalera guztian,

কিন্তু অন্তত এটা সীমিত হচ্ছে যে অনেক স্পেস.

baina gutxienez mugatzen da askoz leku horretara.

>> সুতরাং যে সব ভাল এবং ভাল.

>> Beraz, guztiak ondo eta ona da.

সুতরাং আমরা এখন আমাদের ওয়েব ভেঙ্গে যাবে অংশ মধ্যে পৃষ্ঠা, প্রজ্ঞাময় প্রস্থ.

Beraz, orain dugu huts egin dezake gure web zatitan banatuta orria, zabalera jakintsua.

আমরা একটি বাম আছে চান বলতে পারেন কলাম, এবং একটি ডান কলামে, এবং তাই.

Esan dezakegu ezker izatea nahi dugu zutabean, eta eskuineko zutabean bat, eta abar.

কিন্তু আমরা যদি উপরে চলে না আপনি এটা প্রতিক্রিয়াশীল করতে কিভাবে.

Baina ez dugu irago nola egin duzu sentikorrena.

আর তাই বুটস্ট্র্যাপ এর পাশাপাশি যে কাজের জন্য.

Eta beraz, Bootstrap Egin dezagun baita utzi.

ব্রেকপয়েন্ট নামক এই জিনিস আছে.

Gauza horiek eten deitzen ditu.

সুতরাং এটা কি না তা জেনে একটি উপায় আছে আপনি, আপনি একটি ট্যাবলেট উপর করছি, একটি ল্যাপটপ আছেন

Beraz, ala ezagutzeko modu bat du Oraindik ordenagailu eramangarri bat duzu, Oraindik tablet batean,

আপনি একটি ফোন অনুভূমিক করছি, অথবা আপনি একটি ফোন দিকের উলম্ব আছেন.

Oraindik telefono horizontal baten gainean, edo bertikala Oraindik telefono bat.

স্ক্রিন সাইজ জানে.

Pantailaren tamaina daki.

আর চার categories-- মধ্যে এই বিরতি সাধারণত, ল্যাপটপের যা বড় বা এলজি.

Eta hausten honetan lau categories-- sartu lg handiak edo, horrek eramangarriak da, normalean.

ট্যাবলেট যা MD বা মাঝারি.

md edo ertaina, eta bertan pilulak da.

এস এম, ছোট.

sm, txikiak.

অথবা XS, ছোট অতিরিক্ত.

Edo xs, estra txiki.

এবং যাতে আপনি নির্দিষ্ট যখন একটি কলাম, আপনি বলতে

Eta beraz, zuk zehaztu zutabe bat, esan duzu,

এটা ছয় কলাম চওড়া হতে হবে একটি অতিরিক্ত ছোট ডিভাইসে.

sei zutabe zabalera izan beharko litzateke Gailu txiki bat estra orrian.

আমরা Col-XS-6 করেনি কেন.

Hori da, zergatik col-xs-6 egin dugu.

আমরা এটি করা উচিত যে বলছে ওয়াইড 12 কলাম ছয়টি করা

Ez gara ari da, behar duten esanez izan du 12 zutabeen zabalera duten sei

একটি অতিরিক্ত ছোট ডিভাইসে.

Gailu txiki bat estra orrian.

এটা কিছু বড় এবং যদি আমরা শুধু হবে অতিরিক্ত ছোট আকারের ব্যবহার করার উদ্দেশ্যে, ডিফল্ট.

Eta ezer handiagoa izanez gero, besterik ez dugu txikia osagarri erabiliz lehenetsiak.

এটা বেশী কিছু বড় যদি অতিরিক্ত ছোট, এটি ছয় ওয়াইড হবেন.

Baino ezer handiagoa bada Aparteko txikiak, izango da sei zabala.

আর তাই আমরা লিভারেজ পারেন এরা আমাদেরই স্ব-কলাম করতে

Eta beraz leverage dugu horiek gure zutabeen egin

বিভিন্ন পরিমাণ লাগতে পর্দা আকারের উপর ভিত্তি কলাম.

har beza kopuru ezberdinak zutabeak oinarritutako pantaila tamaina.

এর এই প্রতিক্রিয়াশীল মাপ যাই.

Goazen tamainaz aldatu sentikorrena honetan en.

তাই আমরা আমাদের কলাম আছে.

Beraz, gure zutabe izan dugu.

এবং এটা "কর্নেল-LG-6 Col-XS-12", বলছেন.

Eta esaten du, "col-lg-6 col-xs-12".

সুতরাং আপনি জানেন কি দেওয়া এখন পর্যন্ত, আপনি কি

Beraz, emandako dakizuna orain arte, zer egiten duzu

যাচ্ছে মনে একটি বড় পর্দায় এরকম?

Uste da joan pantaila handi bat gertatuko da?

ওয়েল, এটা কোন ধরনের উপায় দেওয়া হয়েছিল, কিন্তু কি

Beno, mota da bide eman, baina zer egin

আপনি এটা দেখবে মনে একটি বড় পর্দায় চান?

Uste duzu ikusiko bezala pantaila handi bat nahi?

এবং এটা কেন?

Eta zergatik da hori?

>> শ্রোতা: যে এটা একটি বড় পর্দায়, এটা

>> Ikusleak: Da pantaila handi bat, da,

শুধুমাত্র একটি নিতে যাচ্ছে পূর্ণ স্থান অংশ?

bat bakarrik hartzen joan Espazio osoa zati?

এটি অর্ধেক ভালো লেগেছে, আমি অনুমান?

Erdia bezala, asmatu dut?

>> নীল মেহতা: হ্যাঁ.

>> NEEL Mehta: Bai.

>> শ্রোতা: এবং ছোট পর্দা, এটা যাচ্ছে

>> Ikusleak: Eta txikiagoan pantaila, joan da

পুরো পর্দা, 12 আপ নিতে.

hartu pantaila osoa, 12.

নীল মেহতা: হ্যাঁ.

NEEL Mehta: Bai.

রাইট.

Eskuin.

একটি উদাহরণ হিসাবে, আসুন তাই শুধু এখানে নিচে দেখুন.

Beraz, adibide gisa, dezagun besterik begiratu behera hemen.

হ্যাঁ.

Bai.

তাই কিছু এলজি যে বা bigger-- তাই আমার কম্পিউটার ঘটবে

Beraz, ezer LG da edo bigger-- beraz, nire ordenagailua gertatzen

কারণ এটি এলজি করা প্রশংসনীয় তা করতে হবে wide--

LG beharreko delako Nahiko wide-- egingo da

পাশে পাশে এটা Col-এলজি -6 এর কারণ.

aldamenean da col-lg-6 delako.

এটা বড় পাওয়া যাবে, কারণ এটা তোলে তাই ওয়াইড ছয় কলাম এবং চওড়া ছয় কলাম.

Beraz, ez da handi delako, egiten du sei zutabe zabal eta sei zutabe zabal.

আমি যদি আপনি তা দেখতে চলুন শুরু করা যাক একটি ছোট এক মধ্যে এই করতে.

Ea asmatzen badut, zer gertatzen utzi egiteko hau txikiago batean.

আমি শুধু জাতিসংঘের পূর্ণ পর্দায় এই যাচ্ছি.

Besterik ez naiz pantaila un-betea honetan joan.

আমি পর্দায় সঙ্কুচিত করা যাচ্ছে না.

Eta ez dut pantailan txikitu egingo da.

আমি পর্দা সঙ্কুচিত করা যাচ্ছে, তাই করছি এটা আমি একটি ছোট ডিভাইসে am মত দেখায়.

Pantaila txikiago noa, beraz, Itxura naiz horrelako gailu txiki baten gainean.

তাই আমি ভালো এটি সঙ্কুচিত করা যাচ্ছে না.

Beraz, ez dut hura txikitu hau bezalako doa.

>> এবং voila.

>> Eta voila.

এটা এখন স্তুপীকৃত করা হয় এখন আমরা চলে গেছে, কারণ

Gaur egun, pilatuta orain desagertu egin dugulako

বড় চাচ্ছি থেকে সম্ভবত এই হল একটি অতিরিক্ত ছোট স্ক্রিন সাইজ.

zaie handietatik hau da, ziurrenik, Aparteko txiki pantailaren tamaina bat.

আর তাই এখন এটা ঠিক আছে, আমরা পারব না, বলছেন বৃহৎ এ, আমরা অতিরিক্ত ছোট দেশে আছেন.

Eta beraz, orain esaten du Ados, ez gara handietan, Oraindik lur txiki estra dugu.

তাই আমরা ব্যবহার করতে যাচ্ছেন অতিরিক্ত ছোট আকারের.

Beraz, erabili joan txikia gehigarria.

আর আমরা XS-12, XS -12 চলুন.

Eta xs-12, xs-12 goaz.

সুতরাং এটা স্তুপীকৃত করা যাচ্ছে.

Beraz, pilatuta unea iritsi da.

এবং ঠিক আছে যে বিজ্ঞপ্তি একটা জিনিস নামক একটি ব্রেকপয়েন্ট.

Eta besterik ez dagoela ohartuko da Gauza bat etendura bat deitzen.

একটি ব্রেকপয়েন্ট কোথায় আপনি রূপান্তর করা হয়েছে

Etendura bat da, non trantsizioa egin duzu

, ছোট অতিরিক্ত ছোট থেকে তাই বড়, এবং ছোট.

Aparteko txiki txiki batetik, handiak, eta abar txikiak.

>> তাই আমি এই স্লাইড হিসাবে যে লক্ষ্য আউট, অবশেষে, আপনি পয়েন্ট পাবেন

>> Beraz, besterik gabe nabarituko irristatu dut hau out, azkenean, izango puntua lortu duzu

যেখানে তারা পাশাপাশি হতে ঝাঁপ দেব.

non salto egingo dute albo izan ondoan.

এই নাও.

Bertan joan zaitezke.

তাই ঠিক আছে ব্রেকপয়েন্ট আছে.

Beraz, ez dago eten da.

সুতরাং আমরা এটা আরও বেশি জটিল করে তুলতে পারে.

Beraz, nahiz eta zailagoa egin ahal izango dugu.

এখন আমরা এই, বলতে পারেন কিছু চার চওড়া হতে হবে.

Orain esan dezakegu, horiek Gauzak lau zabala izan behar du.

যে তারা উচিত, হয় প্রায় এক তৃতীয়াংশ পর্যন্ত সময় লাগতে

Hau da, behar dute hartu eman hirugarren buruz

খুব বড় ডিভাইসের বাক.

gailu oso handiak buruzko hitzaldia.

একটি মাঝারি ডিভাইসের উপর, তা গ্রহণ করা উচিত অর্ধেক পর্দা আপ এটা MD-6 এর কারণ.

Gailu euskarrian, hartu behar da pantaila erdia eman nik md-6 delako.

একটি খুব ছোট ডিভাইসে, এটা 12 পর্যন্ত গ্রহণ করা উচিত.

Gailu oso txiki batean, hartu behar da, gehienez 12.

আর তাই এই সুন্দর প্রাকৃতিক দেখায়.

Eta beraz, honen itxura nahiko natural.

এর মাত্র আমাদের নিজেদের জন্য এই চেষ্টা করা যাক.

Dezagun saiatu nahiko luke honek egindako geure buruari.

>> একটি বড় পর্দায় তাই, তারা চার ওয়াইড আছেন.

>> Beraz, pantaila handi bat, lau zabal ari dira.

এটি একটি সামান্য বিট সঙ্কুচিত.

Txikitu pixka bat.

এবং তারা এখন ছয় চওড়া.

Eta orain sei zabal dira.

সুতরাং এই ছয়টি ছয়, ছয়.

Beraz, hau sei, sei, sei.

এটি আরও বেশি এবং তারপর সঙ্কুচিত তারা সম্পূর্ণই স্তুপীকৃত করা হবে.

Are gehiago, eta, ondoren, txikitu dute erabat pilatuta egongo dira.

এই সুতরাং, উদাহরণস্বরূপ, যদি অর্থে তোলে আপনি, খবর কার্ডের মত কার্ড, ভোগ করছি

Beraz, hau da, adibidez, zentzu bada egiten txartelak, albisteak txartelak atsegin badituzu,

উদাহরণস্বরূপ, যদি আপনি যেখানে এটি একটি খুব বড় পর্দায়

adibidez, bada non da pantaila oso handia da,

আপনার পাশে বেশ কিছু দিক আছে এটা ঠিক যদি তারা সব পর্যাপ্ত ফাঁকা স্থান পেতে হবে, কারণ.

OK da hainbat aldamenean baldin baduzu dutelako litzateke nahikoa toki lortu.

কিন্তু তারা যথেষ্ট রুম আছে প্রয়োজন.

Baina gela nahikoa izan behar dute.

একটি ছোট পর্দায় তাই আপনি তাদের দিতে চাই চাই

Beraz pantaila txikiago batean, horiek eman nahi duzuna

পৃষ্ঠার আনুপাতিকভাবে আরো রুম,.

gela gehiago, proportzionalki, orriaren.

>> একটি বাস্তব বিশ্বের উদাহরণ হিসাবে তাই আসুন আমরা টুইটার আছে বলা যাক.

>> Mundu errealeko adibide gisa, orain, demagun Twitter ditugu.

এবং আমরা তাই, টেক্সট বক্সে বাম আছে আপনি পাশ দিয়ে কিচ্কিচ্ করতে পারেন.

Eta ez dugu testu kutxa, hain aldean tweet dezakezu.

আর আমরা গতিবিধি একটি তালিকা আছে ডান দিকে বিষয়.

Eta Modako zerrenda bat dugu Erabili eskuinean dauden gaiak.

সুতরাং একটি বড় পর্দায়, আমরা উচিত তাদের দিকে গড়ায় হতে হয়েছে,

Beraz, pantaila handi bat, behar dugu dute albo izan haien ondoan,

তাই আপনি এক গ্লাস তাদের দেখতে পারেন.

beraz, horiek ikusi ahal izango duzu beira batean.

কিন্তু একটি ছোট পর্দায়, আমরা, 12 ও 12 কি উচিত

Baina pantaila txikiago batean, egin behar dugu 12 eta 12,

যাতে গতিবিধি বিষয় টুইট এলাকা নীচে.

beraz Modako gaiei tweet area beherago daude.

Tweet এলাকায় কারণ মূল বিষয় এবং একটি ছোট পর্দায়,

Tweet-eskualdea dago, izan ere, Gauza nagusia eta pantaila txikian,

গতিবিধি বিষয় না ব্যাপার বেশ যতটা.

Modako gaiei ez Gaia oso bezainbeste.

আর তাই আমরা তাই, ডান নিচে তাদের করা তারা উভয় পর্যাপ্ত স্থান পেতে পারেন.

Eta beraz, horiek jarri dugu behean, beraz, dutela bai espazio nahikoa lortu.

এ পর্যন্ত জানার?

Zentzurik orain arte?

>> শ্রোতা: হ্যাঁ.

>> Ikusleak: Bai.

>> নীল মেহতা: সলিড.

>> NEEL Mehta: solidoa.

যে সব উদাহরণ, তাই আমি এখানে আছে.

Beraz, adibide guztiak hemen daukat.

এর চেষ্টা এবং একটি চ্যালেঞ্জ করুক না.

Saiatu eta erronka bat egin dezagun.

তাই আবার, এই চ্যালেঞ্জ-2.html জন্য বাড়ীতে বরাবর অনুসরণ আপনি যাদের.

Beraz, berriro ere, hau erronka-2.html da duzuenontzat zehar jarraitzen du etxean.

সুতরাং আমার বন্ধুকে, মার্ক জুকারবার্গ, অন্যান্য দিন আমার কাছে এল.

Beraz, nire lagun, Mark Zuckerberg, Lehengo egunean etorri zitzaidan.

তিনি বললেন, আমি থাকতে চাই, নীল এর ওয়েব ডিজাইন এ প্রশংসনীয় ভাল অর্জিত.

Eta atsegin zuen, Neel, daukat Ahaztuak nahiko web diseinu ona.

আমি এইচটিএমএল করতে পারেন.

HTML egin ahal izango dut.

আমি, এই সামান্য করেছেন ফেসবুক নতুন সম্পাদনা.

Txiki hau egin ditut, Facebook edizio berria.

আমি কিভাবে একটি নতুন ধারণা আছে আমরা ফেসবুক স্টাইল উচিত.

Nola ideia berri bat daukat Facebook estilo behar dugu.

এখানে কিছু উদাহরণ কোড এর.

Hona hemen adibide kodea batzuk.

সুতরাং এটা Fancybook বলা হচ্ছে.

Beraz Fancybook deitzen.

>> আমরা কিছু স্ট্যাটাস আপডেট আছে.

>> Egoera eguneratzeko batzuk ditugu.

আমরা, নিমো, মাইক Kosowski আছে Woody-- তিন স্ট্যাটাস আপডেট.

Daukagu Nemo, Mike Kosowski, Woody-- hiru status updates.

এবং তারপর আমরা একটি তালিকা আছে ডান এটি নীচের অনলাইন বন্ধুদের.

Eta gero, zerrenda bat egin behar dugu online lagunak eskubidea bere azpian.

তাই তিনি তার বাড়ির কাজ সম্পন্ন হচ্ছে.

Beraz du bere etxeko lanak egin.

তিনি সম্পর্কে অল্প জানে বুটস্ট্র্যাপ, তিনি তালিকা দেখুন তৈরি হচ্ছে,

Pixka bat badaki zuen Bootstrap, baina egin zerrenda ikuspegian,

তিনি এইচটিএমএল এর একটি সামান্য বিট করা হয়েছে.

he HTML pixka bat egin du.

তাই তিনি ওয়েব পেজ আছে.

Beraz, web orrialde ditu.

কিন্তু তিনি ভালো নীল, আমি না এ সব প্রতিক্রিয়াশীল নকশা বুঝতে.

Baina atsegin zuen, Neel, ez dut guztietan sentikorrena diseinua ulertzeko.

যদি আপনার কোন বিশেষজ্ঞদের আছে যারা যে আমাকে সাহায্য করতে পারে?

Ez adituek izanez nor laguntza izan dit hori?

এবং ভাগ্যক্রমে, আপনি এখন আছেন প্রতিক্রিয়াশীল ডিজাইন বিশেষজ্ঞদের.

Eta zorionez, orain zara sentikorrena diseinuan adituak.

>> তিনি আমাকে তিনি যে ছিল বলা তাই কি Fancybook এই মত দেখতে চায়.

>> Beraz, zer zela esan zidan nahi Fancybook itxura hau.

একটি খুব ছোট ডিভাইসে, একটি ফোন, সবকিছু ভালো

Gailu oso txiki batean, a telefono, dena bezalako

এখানে মত, স্তুপীকৃত করা উচিত.

pilatuta behar dira, hemen bezala.

সুতরাং আপনি টাইমলাইনে আছে আপফ্রন্ট টপ আপ, এবং তারপর

Beraz, denbora-lerroa duzu upfront, goian, eta, ondoren,

আপনি থাকা উচিত নীচে চ্যাট বারে.

izan beharko duzu behealdean chat bar.

কিন্তু একটি ট্যাবলেট বা মাঝারি ডিভাইস, এটা অর্ধেক এবং অর্ধেক হতে হবে

Baina tablet bat edo euskarrian gailu, erdi eta erdi izan beharko litzateke,

সময়সীমার মধ্যে হওয়া উচিত অর্ধেক এবং চ্যাট বন্ধুদের তালিকা

Denbora-lerroan bezala izan beharko luke erdi eta chat lagun zerrendan

অপরার্ধ থাকা উচিত.

behar beste erdia izango da.

>> তারপর একটি ল্যাপটপে, টাইমলাইনে তিন চতুর্থাংশ পর্যন্ত গ্রহণ করা উচিত

>> Ondoren, ordenagailu eramangarri bat, denbora- hiru laurden hartu behar

এবং তারপর চ্যাট রক্ষা করা উচিত অন্য এক চতুর্থাংশ লাগতে.

eta, ondoren, txat hedge etorri beharko lukete har beza beste inor hiruhilekoan.

আর তাই তিনি ভালো নীল, আমি এই আছে কোড এখানে, কিন্তু এটা প্রতিক্রিয়াশীল নয়.

Eta beraz, atsegin zuen, Neel, egun hau dut kodea hemen, baina ez da sentikorrena.

এটা ভালো আচরণ করতে হবে.

Honelako jokatu behar da.

আপনি তাই আমার চ্যালেঞ্জ এই কোড দেওয়া হয় এখানে

Beraz, nire erronka ematen da kode hau hemen

আপনি রিফ্রেশ যদি আপনার CodePens, আপনি এই দেখতে পাবেন.

freskatu baduzu zure CodePens, hau ikusiko duzu.

অথবা আপনি শুধু কোড পেস্ট যদি চ্যালেঞ্জ-2, আপনি এই দেখতে পাবেন.

Edo kodean itsatsi besterik ez bada Erronka-2an, hau ikusiko duzu.

>> এখানে এই উদাহরণে কোড এর.

>> Hona hemen adibide kode hau.

আপনি কিছু xxxs দেখতে পাবেন.

Xxxs batzuk ikusiko duzu.

আমি আপনি যেমন, যে xxxs পরিবর্তন করতে চান টাইমলাইনে এবং বন্ধু তালিকা

Xxxs aldatzeko aukera, hala nola, nahi dut Denbora-lerroa eta lagunen zerrendan

এখানে এই চশমা অনুসরণ করে.

specs horiek hemen jarraitzen du.

কি নিয়ে চিন্তা করবেন না এখন জন্য টাইমলাইনে ভিতরে.

Ez zer da kezkatu orain denbora-lerroan barruan.

আমরা পরবর্তী ধাপে যে কিনবো.

Lortuko dugu, hurrengo urratsa.

কিন্তু এখন জন্য, আমরা পেতে হলে দেখা যাক এইসব জিনিস ভালো এটি আপ বিভক্ত.

Baina, oraingoz, ikus dezagun lortuko badugu Gauza horiek egiten zatitu egin dute hau.

সুতরাং যে অনুভূতি আছে?

Beraz, ez duela zentzurik?

সুতরাং আপনি বাড়িতে থাকেন তাহলে, ভিডিও বিরতি এবং চেষ্টা

Beraz, etxean bada, pausatu bideoa eta saiatu

আপনার ওয়েব পৃষ্ঠা করতে এই মত প্রতিক্রিয়াশীল চেহারা.

Zure web orria egiteko itxura hau sentikorrena.

আপনি যদি এখানে, নিতে দুই, তিন মিনিটের মত.

Oraindik ezkero, hartu bi, hiru minutu bezala.

একটি প্রতিবেশীর সঙ্গে চ্যাট করতে নির্দ্বিধায় এবং জনাব Zuckerberg এর চেষ্টা, এবং ঠিক

Feel free to bizilagun bat berriketan, eta saiatu, eta konpondu Zuckerberg Mr.

প্রতিক্রিয়াশীল ডিজাইন সমস্যা.

sentikorrena diseinu arazo.

আপনার যদি অন্য কোন প্রশ্ন থাকে, আমাকে জানাতে বিনা দ্বিধায়.

Edozein zalantza izanez gero duzu, free let me know sentitzen.

Done?

Nice.

>> শ্রোতা: [শ্রবণাতীত].

>> Ikusleak: [INAUDIBLE].

নীল মেহতা: কি?

NEEL Mehta: Zer?

>> শ্রোতা: আমি ভাল আছি.

>> Ikusleak: ona naiz.

>> নীল মেহতা: ওহ, ভাল.

>> NEEL Mehta: Oh, ona.

হলাম.

Nice.

শ্রোতা: সম্পর্কে জিনিস 12, যে বুটস্ট্র্যাপ এটা

Ikusleak: buruz gauza 12, Bootstrap hori dela

12 একটি নির্দিষ্ট পর্দা স্থান একইরূপে তারপর জুড়ে ইউনিট এবং যে ক্যাটাগরিতে ভাগ করা যায়?

pantaila emandako espazio bat 12 gisa tratatzen zeharkatuz unitateak eta, ondoren, hori banatzen eman?

কিভাবে ঠিক আছে এই জন্য কাজ proportioning?

Nola zehazki ez du horretarako lan proportioning?

>> নীল মেহতা: হ্যাঁ.

>> NEEL Mehta: Bai.

তাই প্রশ্ন, কিভাবে হয় proportioning আছে

Beraz, galdera da, nola proportioning egiten du

ঠিক আছে, বুটস্ট্র্যাপ জন্য কাজ?

Bootstrap lan, ezta?

>> শ্রোতা: হ্যাঁ.

>> Ikusleak: Bai.

নীল মেহতা: সুতরাং যখনই আপনি একটি div class = "সারি" আছে,

NEEL Mehta: Beraz, betiere div class a = "ilara" duzu,

কোন ব্যাপার কিভাবে বড় পর্দা, বুটস্ট্র্যাপ আপনি 12 ইউনিট দিতে হবে

Ez du axola nola big-pantaila da, Bootstrap 12 unitate emango dizu

একই আকারের যে অনেক আকার গ্রহণ করা.

to tamaina bereko hartu eman tamaina askoz.

তাই কর্নেল 1, এটা 8.33% সবসময় পর্দার আকার,

Beraz, col 1 ere, beti da% 8,33 pantailaren tamaina,

যে এই ব্যাপক কিনা অথবা যে ব্যাপী এই জন্য.

hori egiaz zabal honetan edo hori zabala da hau.

আর তাই, অবশ্যই, একটি ছোট পর্দা, প্রতিটি কলাম ছোট.

Eta, beraz, jakina, on txikiago bat pantaila, zutabe bakoitzeko txikiagoa da.

আপনি এখনও 12 কলাম আছে ওয়াইড, এটি একটি ছোট.

Oraindik 12 zutabeak duzu zabal, txikiagoa da.

তাই এটা আপনার উপর নির্ভর তা নিশ্চিত করার জন্য জিনিষ আরো কলাম লাগতে পারে,

Beraz, sortu nahi duzun ziurtatu egin Gauza hartu osatzen duten zutabea gehiago,

আনুপাতিকভাবে, ক্ষতিপূরণ স্থান যে অভাবের জন্য.

proportzionalki, konpentsatzeko espazio falta dela.

নীল মেহতা: ভাল প্রশ্ন.

NEEL Mehta: Galdera ona.

শ্রোতা: একটি বৃহৎ পর্দা, আপনি থাকতে পারে

Ikusleak: handian pantaila, ahal duzu

টাইমলাইনে তিন চতুর্থাংশ লাগতে?

timeline hartzen dute hiru laurden?

>> নীল মেহতা: হ্যাঁ.

>> NEEL Mehta: Bai.

নীল মেহতা: কিভাবে না বোধ হয়?

NEEL Mehta: nola sentitzen ari mutilak?

ভাল?

Good?

কুল.

Cool.

সুতরাং আসুন ফিরে আসা যাক.

Hargatik itzuli.

আর এর চেষ্টা করা যাক এবং এই অংশ ঠিক জনাব Zuckerberg এর ওয়েবসাইটের.

Eta dezagun saiatu eta zati hau konpondu Mr. Zuckerberg webgunea.

তাই সময়সীমা এ, এখানে আপ উপরে, এবং বন্ধু তালিকা

Beraz timelines da hemen, at goian, eta lagun-zerrendan

নীচে হয়.

behealdean dago.

তাই আমরা ঠিক দায়িত্ব অর্পণ করা প্রয়োজন সমানুপাতিক নির্ধারন সঙ্গে কলাম,

Eta, beraz, besterik gabe esleitu behar dugu zutabeak, proportzionala sizing batera,

এই প্রত্যেকটি.

horietako bakoitzean.

তাই এই প্রথম রচনা টাইমলাইনে জন্য.

Beraz, lehenengo xxx honetan, denbora-lerroa da.

কি ক্লাস আমরা এখানে রাখা না?

Zer klaseak egiten jarri dugu hemen?

কি আপনাকে বলছি এখানে করা হয়নি?

Zer egin zuen ere hemen jarri eta zuek?

সুতরাং একটি বড় পর্দায়, এটা প্রয়োজন, মনে রাখবেন প্রস্থ তিন চতুর্থাংশ লাগতে.

Beraz, gogoratu, pantaila handian, berau behar Hiru zabalera laurden hartu.

তাই কি শৈলী আপনি যে দিতে হবে?

Eta orain zer estilo emango litzateke hori?

একটি বড় পর্দায়, তিন প্রস্থ চতুর্থাংশ.

Pantaila handian, hiru zabalera laurdenak.

আমরা সেখানে কি বর্গ ব্যবহার করবেন?

Zer class erabiltzen dugu ez?

শ্রোতা: তাই আমরা ঠিক হতে যাচ্ছেন ক্লাসের যে প্রথমত সম্পাদনা.

IKUSLEEN: besterik ez gara izan da joan class instantzia lehen editatzen.

নীল মেহতা: এখনই জন্য.

NEEL Mehta: Oraingoz.

হ্যাঁ.

Bai.

>> শ্রোতা: আমরা প্রতিটি সম্পাদনা করছেন না টাইমলাইনে পৃথক বৈশিষ্ট্য?

>> Ikusleak: Ez gara bakoitzak editatzen, banakako timeline-ezaugarri?

নীল মেহতা: না এখন, অন্তত.

NEEL Mehta: Ez da gaur egun, gutxienez.

তাই এই গোটা ব্যাপারটাই একটি ব্লক.

Beraz, hori guztia bloke bat da.

আমরা শুধু পরিবর্তন করছি ব্লকের ডিজাইনিং.

Besterik ari gara aldatzen blokearen diseinatzea.

তাই আমরা এখানে Col-LG-9 না এটা কারণ একটি বড় পর্দায় 12 ওয়াইড বাইরে নয়টি.

Hortaz, hona hemen Col-lg-9 dugu ez delako Bederatzi zabala du 12 daudelarik pantaila handian.

এবং তারপর একটি মাঝারি পর্দায়, আমি কতগুলি কলাম পাওয়া উচিত?

Eta gero, pantaila euskarrian, zenbat zutabe lortu behar dut?

শ্রোতা: এটা অনুমিত এর আধা-আধি হতে.

Ikusleak: Ustezko erdia eta erdia izango da.

নীল মেহতা: রাইট.

NEEL Mehta: Eskuin.

সুতরাং যে কতজন হয়?

Beraz, zenbat da hori?

এবং তারপর অতিরিক্ত ছোট এটা যদি be-- উচিত সারি সম্পূর্ণ প্রস্থ পর্যন্ত সময় লাগে,

Eta gero estra txiki bazitzaidan jolasten Ilara zabalera osoa hartzen du,

এটা কত হতে হবে?

zenbatek izan behar du?

Bai.

আর এখন আমরা পেয়েছেন এই অন্যান্য বেশী পরিবর্তন,

Eta orain lortu dugu aldatu honek beste batzuk,

তাই এটি স্থান বাকি পর্যন্ত সময় লাগে.

beraz, espazio gainerakoa hartzen.

সুতরাং Col-lg--

Beraz, col-lg--

শ্রোতা: এটা যাচ্ছে পুরো পর্দা আপ নিতে?

Ikusleak: Honez joan hartu up pantaila osoan?

নীল মেহতা: এটা এক চতুর্থাংশ পর্যন্ত সময় লাগে একটি বৃহৎ ডিভাইসের উপর পর্দার,

NEEL Mehta: laurden bat hartzen duenaren Gailu handian pantailaren,

আমরা এখানে দেখিয়েছেন.

Hemen erakutsi dugun bezala.

এবং তারপর কর্নেল মোঃ -6 নেওয়া স্থান বাকি আপ.

Eta gero, col-md-6 hartu Espazio gainontzeko eman.

কর্নেল-XS-12.

col-xs-12.

তাই এখন আমরা টাইমলাইনে আছে তিন চতুর্থাংশ পর্যন্ত গ্রহণ

Beraz, gaur egun, denbora-lerroa daukagu hiru laurden hartzen

বড় পর্দায় পৃষ্ঠার এবং তারপর পাশ দিয়ে এক চতুর্থাংশ.

Pantaila handi batean, orriaren eta, ondoren, hiruhileko batetik.

এবং তারপর পর্দার আকার নিচে যদি, এটি অনুসারে মাপ পরিবর্তন করা উচিত.

Eta gero, tamaina bada pantailan behera, horren arabera tamainaz aldatu beharko litzateke.

সুতরাং এটা এখন স্তুপীকৃত হচ্ছে একটি খুব ছোট পর্দায়.

Beraz, orain pilatuta da, pantaila oso txiki batean.

এবং আমরা একটু বিট এটা মাপ তাই আপনি যদি, তারা ঠিক অর্ধেক এবং অর্ধেক হতে হবে.

Eta horren hedadura dugu bada pixka bat, zehazki erdi eta erdi egon behar dute.

তাই আমরা যে পর্যন্ত কাজ করেছি.

Beraz, egin dugu orain arte.

খুব ঠান্ডা.

Oso cool.

আর তাই আমরা কাজ করতে হবে না চ্যালেঞ্জ অন্য অংশ.

Eta beraz, ez dugu egin du beste erronka zati.

আপনি নিজেকে তা করতে পারে.

Bakoitzak egin dezakezu.

কিন্তু মূলত, আপনি এটি আছে চেষ্টা করুন এবং এই প্রতিক্রিয়াশীল করতে

Baina, batez ere, hala egin behar saiatu eta sentikorrena horiek egiteko

well-- টাইমলাইনে হিসাবে আইটেম, নিজেদের, প্রতিক্রিয়াশীল.

timeline egin well-- gisa elementuak, beraiek, sentikorrena.

তাই এখন আমরা মাধ্যমে সর্বস্বান্ত করেছি সবই তোমার জানা উচিত

Beraz, gaur egun pasatu ditugu jakin behar duzun guztia

বুটস্ট্র্যাপ প্রতিক্রিয়াশীল দিক সম্পর্কে.

Bootstrap alde sentikorrena buruz.

প্রতিক্রিয়াশীল সম্পর্কে কোন প্রশ্ন বুটস্ট্র্যাপ দিয়ে নকশা

Sentikorrena buruzko zalantzaren Bootstrap diseinua

এবং কিভাবে আপনি যে কাজ সম্পর্কে যেতে পারে?

eta nola egiten duten buruz joan liteke?

হ্যাঁ?

Bai?

>> শ্রোতা: তাহলে এটা অনুরূপ আমরা একটি এমবেডেড ভিডিও ছিল

>> Ikusleak: antzeko nahi badu Bideo enkapsulatean izan genuen

এবং আমরা নিয়ন্ত্রণ করতে চেয়েছিলেন স্কেল যা ভিডিও was-- এ

eta kontrolatu nahi izan dugu eskalan zein bideo was-- at

ভিডিও এর সাইজ ফোন থেকে ল্যাপটপ থেকে যাচ্ছে.

video de tamaina eramangarria telefono joan.

আপনি ভিডিও জানাতে চাই এটা দেওয়া যতটা রুম লাগতে,

Bideoa kontatu nahi duzuna hartu eman bezainbeste gela da eman bezala,

যা মাঝে মাঝে একটু বিরক্তিকর.

hau da, pixka bat gogaikarriak batzuetan.

কিন্তু কোর ধারণা একই.

Baina core ideia bera da.

অন্য কোন বস্তুর মত একটি ভিডিও, পাতা, একটি বাটন বা যাই হোক না কেন, ভালো

Bideo bat, beste edozein objektu bezala orrialdean, botoi bat edo dena delakoa bezala,

যতদিন না পর্যন্ত আপনি ব্যবহার হিসাবে কলাম ও সারি,

betiere, erabili ahala zutabeak eta errenkadak,

আপনি এটি একটি দিতে পারেন স্থান নির্দিষ্ট পরিমাণ.

bertan eman dezakezu zenbait espazio zenbatekoa.

আর তাই এটি যে সম্মান করার জন্য একটি পেয়ে কারণ ইউটিউব মত বিভিন্ন প্রশ্ন

Eta beraz, triste hori errespetatu egin behar da bat Galdera ezberdinak YouTube delako atsegin

একটি নির্দিষ্ট, পছন্দসই আকার আছে এম্বেড.

kapsulatzen, nahiago tamaina jakin bat dute.

কিন্তু তাত্ত্বিকভাবে এ অন্তত, এটা কাজ করবে.

Baina teorian gutxienez, lan litzateke.

কুল?

Cool?

>> শ্রোতা: আমি তখন অনুমান একটি চিত্র জন্য, আসলে আপনি কি

>> Ikusleak: eta uste dut, irudientzat, ez duzu benetan

বিভিন্ন সংস্করণ আছে প্রয়োজন বিভিন্ন আকারের একই চিত্র

bertsio desberdinak izan behar Tamaina desberdinetako irudi bera

আইফোন বনাম ল্যাপটপ?

ordenagailu eramangarri versus iPhone for?

হ্যা প্রশ্ন হল, কি আমরা প্রয়োজন পাশাপাশি প্রতিক্রিয়াশীল হয় ইমেজ আছে.

Bai Galdera da, zer egin behar dugu Hori sentikorrena baita irudiak dute.

এবং প্রকৃতপক্ষে, আপনি তা করতে পারে.

Eta hain zuzen ere, hori egin ahal izango duzu.

আমি এটা CSS এর মধ্যে মনে হয়.

Uste dut CSS da.

কিন্তু বুটস্ট্র্যাপ পারবেন আপনি যে হিসাবে ভাল করতে.

Baina Bootstrap ahalbidetzen ez da egin behar dituzu, baita.

আপনি প্রতিক্রিয়াশীল চিত্র থাকতে পারে.

Sentikorrena irudiak izan ditzakezu.

আপনি আপনার ইমেজ মাপ পরিবর্তন করতে পারেন পৃষ্ঠার মাপ অনুযায়ী.

Irudien tamaina aldatu izan ditzakezu Orri tamainaren arabera.

আর একটি খুব নতুন জিনিস আছে HTML5 এর, এইচটিএমএল এর নতুন সংস্করণ,

Eta ez da gauza oso berria HTML5, HTML bertsio berriena,

CSS 3, নতুন CSS এর সংস্করণ, যা

eta CSS3, berriena CSS bertsio, eta horrek

আপনি বিভিন্ন চিত্র অনুরোধ দেওয়া হবে আপনি করেন পর্দা আকারের উপর ভিত্তি.

you irudi desberdinak eskatzeko utziko oinarritutako pantailaren tamaina zauden gunean.

সাধারণত, এটা শুধু যথেষ্ট ভালো আপনার ইমেজ শুধু সঙ্কুচিত বা হত্তয়া আছে

Normalean, ona da nahikoa, besterik gabe, Zure irudia besterik txikitu edo hazten

তবে বড় এটা করা প্রয়োজন.

hala ere big izan behar da.

কিন্তু আপনি চান করতে পারেন তাহলে , 32 পর এক 32 আছে

Baina ezin, nahi baduzu ra, behar bat 32 32 bidez

খুব ছোট পর্দা, এবং এর জন্য একটি বড় পর্দায় জন্য 64 দ্বারা 64,

pantailetan oso txikia da, eta alde 64 64 pantaila handi bat eginda,

এবং তারপর বেছে বেছে ঐ পরিবেশন.

eta ondoren, zerbitzatzeko horiek selektibo.

তুমি এটা করতে পার.

Egin dezakezu.

এটা কিছু লোক দ্বারা সম্পন্ন করা হয়.

Honez pertsona batzuek egiten da.

এটা এখনও বেশ কাটিয়া প্রান্ত হারিয়ে গেছে.

Oraindik ere ez da nahiko abangoardia.

কিন্তু সংক্ষিপ্ত উত্তর, প্রতিক্রিয়াশীল images-- বুটস্ট্র্যাপ সেখানে দিন সংরক্ষণ করতে পারেন.

Baina erantzun laburra, sentikorrena, irudi Bootstrap egunean gorde ahal badira.

কুল?

Cool?

>> শ্রোতা: আপনাকে ধন্যবাদ.

>> Ikusleak: Eskerrik asko.

>> নীল মেহতা: সুতরাং আসুন কিভাবে সম্পর্কে বাস্তব দ্রুত কথা

>> NEEL Mehta: Hargatik hitz egiteko benetako nola buruz azkarra

আপনার নিজস্ব ওয়েব পেজ এ এই পেতে.

hau lortzeko, zeure web orrian.

এর আপনার লেখা ভালো চান বলে বুটস্ট্র্যাপ ব্যবহার করে নিজের ওয়েবসাইটে.

Demagun zure egin nahi duzu Denetarik Bootstrap erabiliz.

আর তাই শুধু শুধু এর দিন একসাথে এটা ভিতর দিয়ে হেটে যেতে.

Eta, beraz dezagun, besterik gabe, besterik gabe, ibiltzeko elkarrekin.

এর আপনি শুধু বলতে চলুন শুরু করা যাক একটি স্বাভাবিক HTML পৃষ্ঠা.

Demagun besterik egin HTML orri normal bat.

বরাবর অনুসরণ করুন মুক্ত মনে যাই হোক না কেন আপনার প্রিয় এডিটর.

Feel free batera jarraitu ahal izateko edozein dela ere zure editore gustukoena.

তাই আমরা শুধু কিছু এইচটিএমএল পাতা আছে.

Beraz, nahikoa dugu HTML orri batzuk.

আমরা কি করতে পারি! DOCTYPE এইচটিএমএল.

Egin ahal izango dugu! DOCTYPE HTML.

এই এইচটিএমএল, আমাদের পাতা.

Hau ere itsatsi, gure orrian.

কোনো নতুন কিছু নেই.

Ez dago ezer berririk.

আমরা আগে এই কাজ করেছি.

Hau egin dugu aurretik.

তাই আমরা এখানে আমাদের এইচটিএমএল আছে এবং আমরা এখানে ভিতরে কাপড় লাগাতে পারেন.

Hortaz, hona hemen gure erakutsiko ditugu eta gauzak jarri ahal izango dugu hemen barruan.

আমরা আমাদের বাটন থাকতে পারে.

Gure botoi izan dezakegu.

আর আমি আগে বলেন, এই অগত্যা কাজ করা যাচ্ছে না.

Eta lehen esan dudan bezala, hau ez du zertan lanera joan.

কেন এই কাজ করতে পারে না?

Zergatik ez hori lan?

কেন আমরা আমাদের পেতে হবে চমৎকার, রঙিন বাটন?

Zergatik ez du gure lortuko dugu Polita, koloretsua botoia?

>> শ্রোতা: আমরা এটি লিঙ্ক করা হয়নি কারণ বুটস্ট্র্যাপ প্রকল্প বা ফাইলে?

>> Ikusleak: ez ez dugulako lotzeko Bootstrap proiektu edo fitxategira?

নীল মেহতা: হ্যাঁ.

NEEL Mehta: Bai.

সঠিক.

Zuzena.

Bootstrap-- কারণ এটা শুধু একটি অভিনব সিএসএস ফাইল.

Bootstrap-- delako besterik fancy CSS bat.

এটা শৈলী একটি সিরিজ যে আপনার উপাদান সংযুক্ত হয়.

Estilo sorta bat da, dira zure elementuen erantsita.

এখানে আমরা যে এটা বলেছেন এই শৈলী ব্যবহার করতে চান.

Hemen ere esan dugu ez gaituela estilo horiek erabili nahi.

আমি মাপ যে একটি সামান্য বিট আপ হবে.

Tamaina hori apur bat gora egingo dut.

আমরা ব্যবহার করতে চান তা বলেছি এই শৈলী, কিন্তু আমরা কখনও

Esan dugu erabili nahi dugu Estilo horiek, baina inoiz ez dugu

শৈলী কি এটা বলা.

Esan ezazu zein itxura izango dira.

আর এটা কি আপনার নিজের আগে থেকে প্রশ্ন ছিল.

Eta hori da zure lehenago galdera izan zen.

যে যে উত্তর.

Hori dela erantzuna.

আমরা শৈলী পেতে একটি উপায় খুঁজে বের করতে হবে এবং একরকম আমাদের পাতায় তাদের অন্তর্ভুক্ত.

Estilo lortzeko modu bat aurkitu behar dugu eta besteak beste, horiek gure orrian ere nolabait.

আর তাই বুটস্ট্র্যাপ ইচ্ছা কিভাবে যে কি আমাদেরকে দেখাতে.

Eta borondate beraz Bootstrap erakusten digu nola egiten den.

>> তাই আপনি উপরে যান তাহলে এখানে, শুরু.

>> Beraz bazoaz goian Hemen, Pizten.

এটা বিনামূল্যে ডাউনলোড করতে বিভিন্ন উপায় আছে.

Deskarga egiteko modu ezberdinak aukeratu ez.

এই অগত্যা জানার জন্য না পারে.

Hori ez du zentzurik nahitaez.

Bootstrap-- এই দেওয়া হবে আপনি সিএসএস ফাইল নিজেই দখল.

Bootstrap-- hau dizute du CSS fitxategi berak har duzu.

এবং যদি আপনি আপনার নিজের পাতায় তা অন্তর্ভুক্ত করা হয়েছে.

Eta sartzen duzu zeure orrian ere.

যদি আপনি চান সোর্স কোড নিজেকে দ্বারা এটি হ্যাক.

Iturburu-kodea da, nahi baduzu bertan aldatu bakarrik.

আপনি কি সত্যিই এই প্রয়োজন হবে না.

Zuk ez duzu hau benetan.

SASS একটি ভাষা যে CSS এর মধ্যে প্রনয়ন করেছেন.

Sass hizkuntza bat da Hori CSS sartu biltzen.

একটি preprocessor হয় হিসাবে মনে করে.

Pentsa aurreprozesadorearen gisa.

পিএইচপি অনেক ভালো একটি preprocessor হয় এইচটিএমএল, SASS CSS এর জন্য একটি preprocessor হয়.

PHP bezalako askoz aurreprozesadorearen da HTML, CSS Sass for aurreprozesadorearen bat da.

আপনি এটি করতে চান, তাহলে তাই যে ভাবে, আপনি তা করতে পারে.

Beraz, egin nahi baduzu era horretan, hori egin ahal izango duzu.

>> সবচেয়ে সহজ পদ্ধিতি হল উপায়, যা CDN ব্যবহার করা হয় বা কনটেন্ট ডেলিভারি নেটওয়ার্ক.

>> Modu errazena CDN bat erabiltzen ari da, edo eduki entrega sarea.

এটি একটি ওয়েবসাইট যে শুধু বুটস্ট্র্যাপ এর অনুলিপি সংগ্রহ করে তোলে

Webgune bat da, besterik ez balio sortu Bootstrap kopia bat

আপনার জন্য খুব দ্রুত আপনার নিজস্ব পাতায় অন্তর্ভুক্ত.

Oso zuretzat Azkar zeure orrian ere, besteak beste.

তাই এখানে একটি উদাহরণ.

Hortaz, hona hemen adibide bat.

এটা আপনি এই লিঙ্কটি উপাদান দেব.

Emango Link elementu hau.

একটি লিঙ্ক উপাদান, আপনার ব্রাউজার বলে এখানে সংরক্ষণ করা হয় যাই হোক না কেন ফাইল নিতে

Lotura elementu bat zure nabigatzailea kontatzen, edozein dela fitxategiak gordetzen hemen hartu

এবং আমাদের ওয়েব পৃষ্ঠা মধ্যে এটি অন্তর্ভুক্ত.

eta bai eta gure web orrian.

এবং এই ক্ষেত্রে, এটা বুটস্ট্র্যাপ CSS ফাইল.

Eta, kasu honetan, ez da Bootstrap CSS fitxategia.

তাই আমরা যে URL কপি অথবা করব যে টেক্সট, এবং আমরা এটা ভিতরে নিক্ষেপ করব

Beraz, besterik ez dugu kopia URL hori, edo testu hori, eta haren barruan bota dugu

আমাদের মাথার.

gure burua.

>> আর আমি এই জন্য পাতা আরম্ভ করা হবে না, কিন্তু আপনি এই কাজ করে বিশ্বাস করতে পারেন.

>> Eta ez dut orrialde hasteko horretarako, baina honek lan egiten duen konfiantza dezakezu.

লিংক আপনি সিএসএস পাবেন.

Lotura duzu CSS du lortuko.

এটা হল আপনার পাতা এবং তারপর আপনি হবেন

Artean, besteak beste, bertan zure Orri eta gero izango dituzu

বুটস্ট্র্যাপ সব ব্যবহার করতে পারবেন আপনি কি জানেন যে শ্রেণীর এবং প্রেম.

Bootstrap guztiak erabili ahal badakiela klaseak eta maitasuna.

আপনি স্থানীয়ভাবে এটি রাখতে চান এবং আপনার নিজস্ব ফাইল সিস্টেমে এটি আছে

Lokalean mantendu nahi izanez gero, eta izan da zure fitxategia sisteman

পরিবর্তে করতে যেতে হচ্ছে ইন্টারনেট এটি দখল,

ordez joan beharrik Interneten har,

ভালো যদি আপনি চান সাইটের অফলাইন ব্যবহার,

atsegin nahi baduzu gune offline erabiltzeko,

আপনি ডাউনলোড করুন বিকল্প ব্যবহার করতে পারেন.

Deskarga aukera erabili ahal izango duzu.

কিন্তু অধিকাংশ অংশ জন্য, ব্যবহার যা CDN, যে ভাবে, কারণ বেশ দ্রুত

Baina zati handiena, erabiliz CDN nahiko azkar modu hori delako da,

এটা যেমন আপনার জন্য আপডেট রাখা হচ্ছে.

Honez mantendu da zuretzat eguneratzen baita.

আপনি নিজে পারেন এটা আপডেট করতে হবে.

Eskuz eguneratu edukiko dituzu.

ধারণা তৈরী কর?

Zentzurik?

>> সুতরাং সরঞ্জাম অনেক এই নির্মিত হবে ডিফল্টরূপে মধ্যে. আপনার pset7 এবং Pset8 ইন,

>> Beraz, tresna asko izan hau eraiki beharko lehenetsita ere. Zure Pset7 eta Pset8 ere,

আমি বুটস্ট্র্যাপ বিশ্বাস স্বয়ংক্রিয়ভাবে অন্তর্ভুক্ত.

Uste dut Bootstrap da automatikoki sartzen.

আর CodePen মধ্যে, জন্য উদাহরণস্বরূপ, এটি আগে থেকেই আছে

Eta CodePen ere, alde Adibidez, ez da dagoeneko

অন্তর্ভুক্ত আমি কারণ যোগ করে সেটিং করুন.

barne dudalako gehitu ezarpen hau gehitzeko.

আপনি কি প্রায় খেলতে চান তাই এর সাথে, আপনি শুধু CodePen যেতে পারে,

Beraz, inoiz inguruan jolastu nahi baduzu horrekin batera, besterik ez dezakezu CodePen joan,

অথবা আপনার আইডি, বা যাই হোক না কেন যেতে.

edo NANaren zenbakia, edo dena joan.

এবং আপনি করতে সক্ষম হতে পারে সেখানে প্রবেশাধিকার বুটস্ট্র্যাপ,

Eta gauza egin ditzakezu sarbide Bootstrap han,

কিন্তু এটা সবসময় নির্মিত না , ডিফল্টরূপে, ওয়েব থেকে.

baina ez da beti eraiki , berez, sarera.

ধারণা তৈরী কর?

Zentzurik?

>> হ্যাঁ.

>> Bai.

শুধু আমরা একটি recap-- হিসাবে বাম পাঁচ মিনিট মত.

besterik recap-- bat daukagun bezala bezalako bost minutu geratzen.

কিন্তু একটি সংক্ষিপ্তবৃত্তি হিসাবে, নতুন ওয়েব পেজ এ, আপনি কি এই মত বুটস্ট্র্যাপ অন্তর্ভুক্ত করতে পারে.

Baina laburpena bezala, web orri berriak ere, Bootstrap sar ditzakezu honela.

আপনি একবার এবং এটি অন্তর্ভুক্ত, আপনি এখানে সব মজার জিনিস করতে পারেন.

Eta behin behar duzu, barne fun stuff guztiak hemen egin dezakezu.

আপনি যেতে পারেন, এবং আপনি শুধু পড়া যাবে সিএসএস, আপনি কিছু শীতল শৈলী যোগ করতে পারেন,

Joan ahal izango duzu, eta besterik irakurri ahal izango duzu CSS, cool estilo batzuk gehitu ahal izango dituzu,

আপনি উপাদান থাকতে পারে বোতাম মত,

osagaiak eduki ditzakezu botoiak bezala,

এবং টেবিল, এবং তালিকা যে আমরা উল্লিখিত জিনিস.

eta taulak, eta zerrendan aipatu ditugun elementuak.

কিছু শান্ত জাভাস্ক্রিপ্ট প্লাগিন আছে, যা আপনি এক্সপ্লোর করতে চাইবেন.

Ez da, batzuk cool Javascript plugins, horrek agian esploratu nahi duzun.

তারা কিছু শান্ত যোগ ওয়েব পাতা ইন্ট্যার্যাক্টিভিটির.

Cool batzuk gehitu dute Webgunerako interaktibitatea.

এই মত একটি মোডাল সংলাপ তোলে.

Honen bezalako elkarrizketa modal bat egiten du.

>> তাই কিছু মজার জিনিস আছে আপনি বুটস্ট্র্যাপ দিয়ে করতে পারেন.

>> Beraz, ez dira fun gauza batzuk Bootstrap batekin egin dezakezu.

অতএব, আপনার প্রতি আমার পরামর্শ এগিয়ে যেতে হয় এবং আপনার নিজের প্রকল্পে এটি ব্যবহার,

Beraz, nire aholkua da, aurrera eta erabili zuen proiektu batean,

নির্দেশাবলী অনুসরণ আমরা শুধু, কিভাবে এটি পেতে হিসাবে করেনি

argibideak jarraitu dugu besterik nola iritsi den bezala,

এবং শুধু বুটস্ট্র্যাপ কারণ পড়া আপনাকে যা করতে হবে তা সম্পর্কে আরো জানতে পারবেন.

eta besterik irakurri Bootstrap delako zer egin buruz gehiago ikasteko aukera izango duzu.

আর তাই আমরা সর্বস্বান্ত করেছি ওভার, আজ, কিভাবে ব্যবহার করতে

Eta horrela joan gara baino gehiago, gaur egun, nola erabili

নথিপত্র, কি বিল্ডিং ব্লক, এবং কিভাবে এটা ধারণার হয়.

dokumentazioa, eraikin zer egin bloke dira, eta nola kontzeptualki da.

তাই এখন আপনি আমার চ্যালেঞ্জ বুটস্ট্র্যাপ ব্যবহার করে একটি ওয়েবসাইট তৈরি করুন.

Beraz, gaur egun, nire erronka da Web orri bat Bootstrap erabiliz.

ডক্স মধ্যে যান.

Docs sartu.

আর আমরা করেছি যে সরঞ্জাম ব্যবহার চেষ্টা করে দেখুন এবং তাদের বিশ্লেষণ করতে এ পর্যন্ত শিখেছি

Eta hori erabili dugu tresnak ikasi orain arte eta saiatu analizatu horiek

এবং তাদের বুঝতে.

eta ulertzen.

আর যারা শৈলী এবং সরঞ্জাম ব্যবহার আপনি আপনার ওয়েবসাইট আছে দেখতে.

Eta estilo eta tresna horiek erabiltzeko han ikusten duzu zure webgunean.

এবং এটি শুধু একটি বড় পরীক্ষামূলক প্রক্রিয়া.

Eta besterik handi bat da, Prozesu esperimentalak.

>> একটি নির্দিষ্ট স্টাইল ব্যবহার করে দেখুন.

>> Probatu estilo jakin bat.

একসঙ্গে স্টাফ নির্বাণ চেষ্টা করুন.

Saiatu gauza jarriz batera.

দেখা যাক কী হয়.

Ikusi zer gertatzen den.

এটা খুব একটা স্ব গাইডসহ, আবিষ্কারের প্রক্রিয়া.

Asko da auto bat gidatuta, aurkikuntza prozesua.

কিন্তু আজকে আমরা শিখেছি করেছি বুটস্ট্র্যাপ কি খুব মূলসূত্র?

Baina gaur, ikasi dugu egin zer da Bootstrap oinarriak?

কেন এটা কাজ করে?

Zergatik funtzionatzen du?

এটা কিভাবে কাজ করে?

Nola dabil?

আমরা ব্যবহার শুরু করবেন কিভাবে এটি প্রথম স্থানে?

Zelan erabiltzen hasten gara da, lehenik eta behin?

আর তাই এখন আপনি যে যে কুঁজ উপর, আপনি

Eta beraz, orain ari zarela konkor hori baino gehiago, zuk

এটা করতে সক্ষম হওয়া উচিত সুন্দর মসৃণ নিজেকে দ্বারা.

ere egin ahal izan beharko luke Nahiko bakarrik dihoa.

>> তাই আবার, সব আমরা কি কোড এখানে.

>> Beraz, berriro ere, denak kodea genuen hemen.

আপনি কি চান, তাই আপ একটি বুরুশ পেতে,

Beraz, inoiz nahi baduzu up on eskuila bat lortzeko,

মত, তা হল একটি দ্রুত ঠকাই এর সবকয়টি জন্য শীট?

bezala, zer da tranparik azkar bat estilo guztietako xafla?

আপনি এখানে এই নমুনা মধ্যে যেতে পারেন.

Hemen lagin honetan sartzen joan zaitezke.

আমরা এখানে কিছু উদাহরণ শৈলী আছে.

Adibidez estilo batzuk ditugu hemen.

আপনি চেষ্টা করতে চান তাহলে আবার নিজের করে চ্যালেঞ্জ,

Saiatu nahi baduzu erronka berriro bakarrik,

আপনি এখানে তাদের চেষ্টা করতে পারেন এবং সমাধান খুঁজে বার করো.

horiek hemen dastatu ahal izango duzu, eta begiratu irtenbide du.

সুতরাং এই লিঙ্ক হতে হবে স্লাইড, অন্তর্ভুক্ত যা

Beraz, link honetan izango da Diapositibak, sartuta bertan

অবশ্যই আপনাকে বাইরে পাঠানো হবে.

bidaliko dira duzun noski.

কিন্তু এটা আপ এখানে এছাড়াও.

Baina, era berean, hemen.

যদি আপনি চান আপনি, ভিডিও বিরতি করতে পারেন.

Bideoa geldi dezakezu, nahi izanez gero.

আপনার যা দরকার তা তথ্য এই সাইটে, এখানে ডান হতে যাচ্ছে.

Behar duzun guztia da izan hemen, gune honetako doa.

কারো কাছে কি কোন প্রশ্ন আছে, আমরা করতে পারেন, তাই পরবর্তী কয়েক মিনিটের জন্য তাদের নিতে.

Beraz, edonork edozein zalantza izanez gero, ahal dugun Eraman hurrengo pare bat minutuz.

অন্যথা, আপনি সমস্ত ধন্যবাদ দেখার জন্য অনেক ধন্যবাদ.

Bestela, eskerrik asko Oso behaketa askoz.