বোরার সহ বুটস্ট্র্যাপ ব্যবহার করা

Question

আমি বোভারের সাথে বুটস্ট্র্যাপ ব্যবহার করার চেষ্টা করছি, তবে এটি পুরো রেপোটিকে ক্লোন করে দেওয়ার কারণে, কোনও সিএসএস এবং অন্যান্য সামগ্রী নেই।

এর অর্থ কি আমার নিজের বিল্ড প্রক্রিয়াতে বুটস্ট্র্যাপ বিল্ডিংয়ের অন্তর্ভুক্ত করা দরকার? বা আমি যদি ভুল হয়ে থাকি তবে সঠিক কর্মপ্রবাহ কী?

Comments

মোটেও বোবা প্রশ্ন নয়। এটি আমি প্রথম প্যাকেজ যা বোর দিয়ে ইনস্টল করার চেষ্টা করেছি। স্বচ্ছতা এবং জগাখিচুড়ির ফলে অভাব আমাকে দীর্ঘদিন ধরে এই সরঞ্জামটিকে উপেক্ষা করতে বাধ্য করে।

— japppt

Answer 1

আমি অবশেষে নিম্নলিখিত ব্যবহার করে শেষ করেছি: bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip

এটি আমার কাছে পরিষ্কার মনে হচ্ছে যেহেতু এটি পুরো রেপো ক্লোন করে না, এটি কেবল প্রয়োজনীয় মূল্যায়নগুলি আনজিপ করে।

এর খারাপ দিকটি হ'ল এটি কোনও বাটস্ট্র্যাপ bower updateআপডেট করবে না বলে এটি বোর দর্শনের উপর নির্ভর করে ।

তবে আমি মনে করি এটি bower install bootstrapআপনার কর্মপ্রবাহে বুটস্ট্র্যাপ ব্যবহারের পরে ব্যবহারের চেয়ে আরও পরিষ্কার ।

এটি অনুমান করা পছন্দ মত বিষয়।

আপডেট: মনে হচ্ছে তারা এখন কোনও ডিস্টোর ফোল্ডার সংস্করণ করে (দেখুন: https://github.com/twbs/bootstrap/pull/6342 ), সুতরাং কেবল ফোল্ডারে bower install bootstrapথাকা সম্পদগুলি ব্যবহার করুন এবং নির্দেশ করুনdist

Comments

এখনই আপডেট npmএবং bowerএবং থাকার "bootstrap": "http://twitter.github.com/bootstrap/assets/bootstrap.zip" মধ্যে component.jsonএছাড়াও কাজ মনে হয়।

— অ্যান্টিটক্সিক

এই পরাজয়টি কি প্রথম স্থানে বোওয়ার ব্যবহারের উদ্দেশ্যটি নয়?

— নমুউল

হ্যাঁ এটা চুষতে চাই তবে কী বেশি চুষছে তা হ'ল আপনার নিজস্ব বিল্ড প্রক্রিয়াতে বুটস্ট্র্যাপটি পুনরায় তৈরি করা কারণ তারা তাদের রেপোতে সংস্করণ তৈরি করে না।

— xavier.seignard

@ নানুওল, ঠিক আমি ভেবেছিলাম যে তাদের জন্য এমন ক্ষমতা তৈরি করা হয়েছিল যারা জেকুয়েরি, বুটস্ট্র্যাপের মতো কোনও লাইব্রেরির জন্য কীভাবে ডিয়ার কাঠামো তৈরি করতে জানে না ... যারা সোর্স ফাইল সরবরাহ করে না তাদের বোধগম্যতা নেই জেনে রাখুন, এটা তাদের আরও বিভ্রান্ত করে!

— আলেক্সাভার

এনপিএম আপডেট করা আমার জন্য সমাধান ছিল।

— ইয়ভেস ভ্যান ব্রুকভোভেন

Answer 2

বুটস্ট্র্যাপ-সিএসএস নামে একটি প্রাক-বিল্ট বুটস্ট্র্যাপ বোভার প্যাকেজ রয়েছে। আমি মনে করি আপনি (এবং আমি) এটি খুঁজে পাওয়ার আশা করেছিলেন।

bower install bootstrap-css

ধন্যবাদ নিকো

Comments

@ ড্যানিয়েল যদি এটি দেখায় যে কীভাবে প্যাকেজটি পাবেন / ইনস্টল করবেন। বর্তমানে এটি একটি মন্তব্য নয় উত্তর।

— পপনুডলস

বোর ইনস্টল বুটস্ট্র্যাপ-সিএসএস

— নিকো

এটাই সঠিক উত্তর। এটি সমস্ত .min। S js | CSS} ফাইলগুলির সাথে প্রিল বিল্ড রেপো।

— 0x126

Answer 3

সিএসএস এবং জেএস ফাইলগুলি প্যাকেজের মধ্যে অবস্থিত: bootstrap/docs/assets/

হালনাগাদ:

v3 যেহেতু distপ্যাকেজে একটি ফোল্ডার রয়েছে যাতে সমস্ত CSS, js এবং হরফ রয়েছে।

---

অন্য একটি বিকল্প (যদি আপনি কেবল একক ফাইল আনতে চান) হতে পারে: পুলডাউন । কনফিগারেশন অত্যন্ত সহজ এবং আপনি সহজেই নিজের ফাইল / url তালিকায় যুক্ত করতে পারেন।

Comments

এটি বুটস্ট্র্যাপ 3 এর জন্য অন্তত আজকের হিসাবে ভুল b এর কোনওটিই বুটস্ট্র্যাপ সিএসএস ফাইল নয়।

— কফি-পেষকদন্ত

Answer 4

ধরে নিচ্ছি আপনার বিশ্বজুড়ে এনপিএম ইনস্টল এবং বোর ইনস্টল রয়েছে

1. আপনার প্রকল্পে নেভিগেট করুন
2. bower init (এটি আপনার ডিরেক্টরিতে bower.json ফাইল উত্পন্ন করবে)
3. (তারপরে হ্যাঁ ক্লিক করা চালিয়ে যান) ...

4. বুটস্ট্র্যাপ ইনস্টল করা হবে সেই পথটি নির্ধারণ করতে: bower.json ফাইলের পাশে
   ম্যানুয়ালি একটি .bowerrcফাইল তৈরি করুন এবং এটিতে নিম্নলিখিতটি যুক্ত করুন:

   directory "ডিরেক্টরি": "সর্বজনীন / উপাদানসমূহ"}

5. bower install bootstrap --save

দ্রষ্টব্য: অন্যান্য উপাদানগুলি ইনস্টল করতে:

 bower search {component-name-here}

Answer 5

আমি একটি শেল স্ক্রিপ্টের সাথে শেষ করেছিলাম যা আপনি যখন প্রথমে কোনও প্রকল্প চেকআউট করেন কেবল তখনই আপনাকে চালানো উচিত

#!/usr/bin/env bash

mkdir -p webroot/js
mkdir -p webroot/css
mkdir -p webroot/css-min
mkdir -p webroot/img
mkdir -p webroot/font

npm i
bower i

# boostrap
pushd components/bootstrap
npm i
make bootstrap
popd
cp components/bootstrap/bootstrap/css/*.min.css webroot/css-min/
cp components/bootstrap/bootstrap/js/bootstrap.js src/js/deps/
cp components/bootstrap/bootstrap/img/* webroot/img/

# fontawesome
cp components/font-awesome/css/*.min.css webroot/css-min/
cp components/font-awesome/font/* webroot/font/

Comments

@ অ্যালসুইপ হ্যাঁ, আমিও না, এখন যাইহোক। তিন বছর পরে এমন জিনিসগুলি বিকশিত হয়েছে যেখানে এর আর কোনও প্রয়োজন নেই

— slf

Answer 6

এছাড়াও মনে রাখবেন যে একটি কমান্ড সহ:

bower search twitter

টুইটার সম্পর্কিত যে কোনও প্যাকেজের তালিকা নিয়ে আপনি একটি ফলাফল পান। এইভাবে আপনি টুইটার এবং বওয়ার সম্পর্কিত সমস্ত কিছুর সাথে আপ টু ডেট রয়েছেন উদাহরণস্বরূপ জেনে রাখুন যে সেখানে নতুন নতুন বোভার উপাদান রয়েছে কিনা।

Comments

ধন্যবাদ, এটি টুইটারের সাথে সম্পর্কিত সমস্ত কিছু দেখাতে সহায়তা করে তবে এটি ইনস্টল করার জন্য অনেকগুলি বিকল্প দেখায়। আপনি যদি সর্বশেষতম টুইটার বুটস্ট্র্যাপ ইনস্টল করতে চান তবে 'বোভার ইনস্টল টুইটার' ব্যবহার করুন যা github.com/twbs/bootstrap ইনস্টল করে এবং এটি ডিস্ট ডিরেক্টরিতে সংকলিত উত্সগুলিও অন্তর্ভুক্ত করে না।

— অ্যাওল্ফ 4'14

নিখুঁত, সুতরাং উভয়ের সংমিশ্রণের সাথে আপনি সর্বদা জানতে পারবেন আপনার কম্পিউটারে কী ইনস্টল করা হচ্ছে।

— joquindev

Answer 7

কমান্ডগুলি কার্যকর করতে আপনার সিস্টেমে নোডজে ইনস্টল করা আছে npm। একবার npmসঠিকভাবে কাজ করার পরে আপনি দেখতে পারেন bower.io। সেখানে আপনি এই বিষয়টিতে সম্পূর্ণ ডকুমেন্টেশন পাবেন। আপনি একটি আদেশ পাবেন $ npm install bower। এটি আপনার মেশিনে বোভার ইনস্টল করবে । বওয়ার ইনস্টল করার পরে আপনি সহজেই বুটস্ট্র্যাপ ইনস্টল করতে পারেন।

এখানে একটি ভিডিও টিউটোরিয়াল দেওয়া আছে