Hướng dẫn how to use bootstrap reddit - cách sử dụng bootstrap reddit

Khi tôi lần đầu tiên phát hiện ra Bootstrap vài năm trước, tôi chưa bao giờ nghe nói về thiết kế đáp ứng và chỉ biết về thế giới "cố định vs fluid". Các tài liệu chính thức không thân thiện lắm như một hướng dẫn "bắt đầu".

Vì vậy, tôi đã viết bài viết này, như bài viết mà tôi ước mình có trước mặt tôi, với hy vọng giúp đỡ người mới bắt đầu. Tôi xem qua Stackoverflow, và tôi thấy mọi người mắc tất cả những sai lầm giống nhau mà tôi đã làm.

Nó không bao gồm bất cứ điều gì về tích hợp ít và SASS, nhưng tôi đã xem xét tất cả các bước trung gian cần thực hiện sau khi bạn cảm nhận được cách thức hoạt động của Bootstrap (trừ khi bạn đã biết cách sử dụng chúng).

Tôi thực sự không biết người khác sử dụng bootstrap như thế nào, vì vậy tôi rất muốn tìm hiểu.

1. Biểu tượng
2. Reddit

• Tags: Xã hội social
• Thể loại: Thương hiệu Brand

Ví dụ

Tải xuống

Tải xuống SVG để sử dụng hoặc chỉnh sửa.

Tải xuống SVG

Phông chữ biểu tượng

Sử dụng phông chữ web? Sao chép, dán, và đi.

<i class="bi bi-reddit"></i>

Điểm mã

• Unicode: U+F650
• CSS: \F650
• JS: \uF650
• HTML: 

Sao chép HTML

Dán SVG ngay vào mã dự án của bạn.

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-reddit" viewBox="0 0 16 16">
  <path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661zm1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"/>
  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"/>
</svg>

"Mất bao lâu ..."

Các câu hỏi thường được đưa ra và do đó không được yêu thích trong subreddit vì câu trả lời phụ thuộc rất nhiều vào cá nhân và so sánh là vô nghĩa.

Học bất cứ điều gì mất miễn là nó cần cá nhân để nắm bắt tài liệu. So sánh với người khác là vô dụng như tốc độ học tập, điều kiện trước, kinh nghiệm, vv cân nhắc.

Một nền tảng HTML/CSS/JavaScript vững chắc với kinh nghiệm xây dựng các trang web chắc chắn sẽ tăng tốc quá trình.

Đó là tất cả về việc hiểu hệ thống lưới. Dành 90% thời gian của bạn để học điều đó. Phần còn lại bạn có thể tìm kiếm trên cơ sở khi cần thiết.

Về cơ bản, nó là 12 khối đối với các khối nhỏ-X-Large (SM, MD, LG, XL) và 24 cho X-Small (XS). Vì vậy, nếu bạn muốn ba cột cho tất cả các kích cỡ nhỏ và lên, bạn sẽ sử dụng col-SM-4 trong mỗi lớp (vì ba cột 4 khối sẽ lấp đầy một hàng 12 khối). Nếu bạn muốn hai cột nhưng muốn không gian trống, bạn sẽ sử dụng col-sm offset-1, v.v.

Chỉ tập trung vào các lưới. Kiểm tra chúng ra một tấn. Liên tục thay đổi kích thước của cửa sổ trình duyệt của bạn và xem nó có ảnh hưởng gì. Phần còn lại là trực quan từ đó.

Xin chào, tất cả mọi người. Tôi đang cố gắng trở thành một Web Front-end Autodidact Front-end và muốn biết khi nào thời điểm thích hợp là học Bootstrap. Ngay bây giờ, tôi vẫn đang cố gắng xây dựng kiến ​​thức về HTML và CSS trước khi tôi chuyển sang JavaScript, nhưng tôi cũng quan tâm đến việc học Bootstrap.

Tôi vẫn có mọi ý định học javascript cộng với một hoặc hai ngôn ngữ back-end, nhưng chỉ muốn biết khi nào tôi nên phù hợp với bootstrap. Cảm ơn!

Mọi người đang sử dụng các thuật ngữ tùy ý như 'không dài' hoặc, 'Tôi đã học CSS trong một tuần hoặc một tháng', hoặc tôi đã chọn JavaScript trong vài tuần ', hoặc' React chỉ mất một tuần để học '.

Câu trả lời của tôi sẽ không phải là một câu trả lời phổ biến, phải mất nhiều thời gian hơn so với những khoảng thời gian này để thực sự hiểu điều gì đó nếu bạn không có cơ sở hoặc kinh nghiệm để xây dựng. CSS và HTML là một ví dụ điển hình, nhiều người sẽ tuyên bố bạn có thể học nó trong một tuần, có thể là trường hợp cho những điều cơ bản, nhưng để thực sự hiểu rằng nó có thể mất phần tốt nhất trong một năm hoặc hơn. Hãy nghĩ về nó dọc theo các dòng dễ học, nhưng khó thành thạo, tôi đã làm việc với các nhà phát triển khác trên rất nhiều cơ quan khác nhau đã làm việc trong nhiều năm và vẫn nhận được ngữ nghĩa cơ bản của HTML, và thực sự đấu tranh để tạo kiểu Bố cục phức tạp.

Chỉ cần nhớ rằng đó là một điều cần làm theo trong một hướng dẫn, nhưng đó hoàn toàn là một điều khác để làm điều đó trong một môi trường thương mại theo tiêu chuẩn chất lượng.

Điều đáng chú ý là các thư viện và khuôn khổ này sẽ mất miễn là cá nhân đó cần tiêu hóa tất cả, và phụ thuộc vào mức độ tận tâm của người đó, họ có bao nhiêu thời gian để học theo từng ngày hay không, và liệu họ có Bất kỳ hình thức cố vấn.

Hãy nhớ rằng bất cứ điều gì thực sự đáng để học sẽ không dễ dàng, nhưng điều đó làm cho nó trở nên bổ ích hơn khi bạn bắt đầu làm chủ những thứ. Lời khuyên của tôi là bỏ qua bootstrap, bỏ qua phản ứng hoặc lượt thích và tập trung vào HTML, CSS có thể là một trình tiền xử lý như SCSS và Vanilla JS. Khi thời gian đến để nhảy tàu và tìm hiểu một khung tôi có thể đảm bảo với bạn, bạn sẽ biết. Câu hỏi của bạn sẽ cho thấy bạn có lẽ chưa hoàn toàn ở giai đoạn đó.

Chúc may mắn, và giữ nó lên!

Nếu tổng quan về CSS về Bootstrap khó hiểu, thì Bootstrap có lẽ hơi xa hơn một chút về khả năng của CSS. Tôi khuyên bạn nên lùi lại một bước và làm việc để tăng cường các kỹ năng CSS nâng cao của bạn trước tiên - xử lý các thứ như truy vấn truyền thông và những thứ tương tự.

Bootstrap cũng là một con thú để làm quen ngay từ đầu, có rất nhiều thứ được đóng gói trong đó có thể không liên quan đến bạn vào thời điểm này. Nếu bạn chỉ đang cố gắng nắm bắt các khái niệm đằng sau một khung đáp ứng, tôi thực sự bắt đầu với CSS Skeleton. Đó cũng là một khung đáp ứng, nhưng với rất ít được thêm vào nó, vì vậy nó dễ nắm bắt hơn nhiều. Một khi bạn hiểu cách hoạt động của Skeleton - Bootstrap sẽ làm cho waaaay có ý nghĩa hơn.

Bất kỳ khung CSS đều dễ học. Tôi muốn nói, hãy bỏ qua nó ngay bây giờ nếu thời gian là điều cốt yếu, chắc chắn bạn sẽ học nó khi bạn đi cùng. Nếu bạn không cần phải đi nhanh, có thể trang thông qua các video ở tốc độ 2x để bạn có thể hiểu được ý kiến ​​của nó. Hãy nhớ rằng, bạn không cần phải ghi nhớ cách sử dụng các lớp và thành phần - tất cả đều được ghi lại trên trang web và có rất nhiều đoạn trích nhỏ mà bạn có thể sao chép và dán.

Khi tôi lần đầu tiên học CSS & Basic JS, tôi đã không học bất kỳ khung nào cho CSS ngoài Bulma, đây vẫn là một trong những mục yêu thích của tôi. Sau đó, khi tôi phản ứng, cuối cùng tôi đã sử dụng các thư viện thành phần về cơ bản cho phép tôi học khung CSS cùng một lúc, vì vậy nó là hiệu quả để học. Đây là UI vật liệu (thay thế CSS vật chất hóa), phản ứng bootstrap (thay thế Bootstrap CSS), và có rất nhiều loại khác.

Nhưng Frameworks CSS khá dễ học và một khi bạn đã nhìn thấy một người, về cơ bản bạn đã nhìn thấy tất cả. Vì vậy, tôi sẽ chỉ lên kế hoạch học nó khi bạn đi cùng. Chỉ cần tìm kiếm tài liệu khi bạn cần, và bạn sẽ tốt.

Sẽ mất bao nhiêu thời gian để học bootstrap?

Bootstrap không mất nhiều thời gian để học hỏi. Tùy thuộc vào số lượng bạn đang tùy chỉnh các bảng kiểu, bootstrap có thể đưa bạn chỉ một hoặc hai ngày để thiết lập. Ngoài việc thiết lập ban đầu, bạn có thể thành thạo sử dụng Bootstrap trong khoảng bốn tuần, giả sử rằng bạn đang làm việc trong dự án của mình hai giờ một ngày.about four weeks, assuming that you are working on your project two hours a day.

Bootstrap có khó học không?

Thoạt nhìn, Bootstrap có vẻ khá đơn giản. Và thực sự, không khó để bắt đầu sử dụng bootstrap. Có một tài liệu bootstrap được viết rất tốt với nhiều ví dụ mã HTML, CSS và JavaScript.it is not difficult to start using Bootstrap. There is a very well written Bootstrap documentation with many HTML, CSS, and JavaScript code examples.

Tôi có nên học Bootstrap 4 hay 5 Reddit không?

Bootstrap 5 là phiên bản mới nhất của Bootstrap. Nó cũng loại bỏ sự phụ thuộc vào jQuery. Vì vậy, tôi muốn giới thiệu nếu bắt đầu một dự án mới, hãy sử dụng Bootstrap 5. Nếu làm việc trên một dự án hiện có, hãy sử dụng bất kỳ phiên bản Bootstrap nào đã được sử dụng.if starting a new project, use Bootstrap 5. If working on an existing project, use whichever Bootstrap version is already in use.

Mất bao lâu để học Quora Bootstrap?

Cá nhân, tôi phải mất 3 ngày4 để nắm bắt vững chắc. Khi bạn tìm hiểu lý do tại sao Bootstrap được tạo ra, và những gì nó được thiết kế để làm nó trở nên rất dễ học. Bootstrap có phương pháp tiếp cận đầu tiên trên thiết bị di động (còn được gọi là thiết kế đáp ứng) khi tạo các trang web.3–4 days to get a solid grasp on it. When you learn why Bootstrap was created, and what it's designed to do it becomes very easy to learn. Bootstrap has a “Mobile-first” (also known as responsive design) approach when creating websites.

Bootstrap có tốt Reddit không?

Tôi có nên sử dụng CSS hay Bootstrap Reddit không?

Tôi có nên sử dụng bootstrap 4 hoặc 5 reddit không?

Có ổn không khi sử dụng bootstrap?