Hướng dẫn form-group bootstrap 4 - form-group bootstrap 4

Question

Nhóm phát triển của chúng tôi vừa ra mắt website langlearning.net học tiếng Anh, Nga, Đức, Pháp, Việt, Trung, Hàn, Nhật, ... miễn phí cho tất cả mọi người. Là một website được viết trên công nghệ web Flutter vì vậy hỗ trợ rất tốt cho người học, kể cả những người học khó tính nhất. Hiện tại website đang tiếp tục được cập nhập nội dung cho phong phú và đầy đủ hơn. Mong các bạn nghé thăm và ủng hộ website mới của chúng tôi.
Là một website được viết trên công nghệ web Flutter vì vậy hỗ trợ rất tốt cho người học, kể cả những người học khó tính nhất.
Hiện tại website đang tiếp tục được cập nhập nội dung cho phong phú và đầy đủ hơn. Mong các bạn nghé thăm và ủng hộ website mới của chúng tôi.

Nội dung chính Show

Về mặt Layout (bố trí), Bootstrap có 3 cách để bố trí các phần tử trên giao diện.
Để bố trí các phần tử nằm theo phương thẳng đứng bạn cần bao bọc (wrap) chúng bởi một thẻ . Các phần tử này sẽ có chiều rộng lấp đầy (fill) phần tử cha.
Để bố trí các phần tử hiển thị trên 1 hàng bạn có thể bao bọc (warp) chúng bởi thẻ . Tuy nhiên chúng có thể nằm trên các dòng khác nhau nếu phần tử cha có chiều rộng quá bé.
Hệ thống lưới (Grid System) là một hệ thống mạnh mẽ để bố trí các phần tử trên giao diện, và bạn hoàn toàn có thể sử dụng nó để áp dụng cho Form.
Horizontal Form (.form-inline)
Hệ thống lưới (Grid System) là một hệ thống mạnh mẽ để bố trí các phần tử trên giao diện, và bạn hoàn toàn có thể sử dụng nó để áp dụng cho Form.

Hướng dẫn form-group bootstrap 4 - form-group bootstrap 4

Hãy theo dõi chúng tôi trên Fanpage để nhận được thông báo mỗi khi có bài viết mới. Facebook

Facebook

Về mặt Layout (bố trí), Bootstrap có 3 cách để bố trí các phần tử trên giao diện.

Sử dụng lớp .form-group để bố trí các phần tử theo phương thẳng đứng.Bootstrap có 3 cách để bố trí các phần tử trên giao diện.

Sử dụng lớp .form-inline để bố trí các phần tử theo phương nằm ngang..form-group để bố trí các phần tử theo phương thẳng đứng.
Đặt các phần tử trên một Grid (Lưới), và khi đó các phần tử sẽ hiển thị theo quy tắc của hệ thống lưới (Grid System) của Bootstrap..form-inline để bố trí các phần tử theo phương nằm ngang.
.form-group Grid (Lưới), và khi đó các phần tử sẽ hiển thị theo quy tắc của hệ thống lưới (Grid System) của Bootstrap.

.form-inline

Grid

2- Form thẳng đứng (.form-group)

Để bố trí các phần tử nằm theo phương thẳng đứng bạn cần bao bọc (wrap) chúng bởi một thẻ . Các phần tử này sẽ có chiều rộng lấp đầy (fill) phần tử cha.

Vertical Form (.form-group)

. Các phần tử này sẽ có chiều rộng lấp đầy (fill) phần tử cha.

Xem ví dụ đầy đủ:




   
   
      Email
      
      Password

3- Form nằm ngang (.form-inline) **

form-group-example.html




   
      
      Form Example
      
   
   
      
         .form-group (Vertical)

         
            
            
               Email
               
               Password

Để bố trí các phần tử hiển thị trên 1 hàng bạn có thể bao bọc (warp) chúng bởi thẻ . Tuy nhiên chúng có thể nằm trên các dòng khác nhau nếu phần tử cha có chiều rộng quá bé.

Horizontal Form (.form-inline)

. Tuy nhiên chúng có thể nằm trên các dòng khác nhau nếu phần tử cha có chiều rộng quá bé.

4- Form Grid



   
   
      Email
      
      Password

Hệ thống lưới (Grid System) là một hệ thống mạnh mẽ để bố trí các phần tử trên giao diện, và bạn hoàn toàn có thể sử dụng nó để áp dụng cho Form.

Dưới đây là một ví dụ sử dụng hệ thống lưới để bố trí các phần tử trên giao diện. Chú ý: Lớp .row và .form-row làm việc giống nhau, nhưng lời khuyên là bạn nên sử dụng .form-row để phù hợp với ngữ cảnh. Form.

2- Form thẳng đứng (.form-group)

Để bố trí các phần tử nằm theo phương thẳng đứng bạn cần bao bọc (wrap) chúng bởi một thẻ . Các phần tử này sẽ có chiều rộng lấp đầy (fill) phần tử cha. .row và .form-row làm việc giống nhau, nhưng lời khuyên là bạn nên sử dụng .form-row để phù hợp với ngữ cảnh.

Vertical Form (.form-group)

Xem ví dụ đầy đủ:

3- Form nằm ngang (.form-inline) ** Grid và lớp .form-group:

Để bố trí các phần tử hiển thị trên 1 hàng bạn có thể bao bọc (warp) chúng bởi thẻ . Tuy nhiên chúng có thể nằm trên các dòng khác nhau nếu phần tử cha có chiều rộng quá bé.



   
      
         Product Code
         
      
      
         Product Name

Horizontal Form (.form-inline)

4- Form Grid .form-group, .form-row, .form-inline,.. để có được một Form với bố trí phức tạp.

complex-form-example.html




   
      
      Form Example
      
   
   
      
         Complex Form
         
            
               
                  Email
                  
               
               
                  Password
                  
               
            
            
               Address
               
            
            
               Address 2
               
            
            
               
                  City
                  
               
               
                  State
                  
               
               
                  Zip
                  
               
            
            
               
                  
                  
                  Check me out

Hệ thống lưới (Grid System) là một hệ thống mạnh mẽ để bố trí các phần tử trên giao diện, và bạn hoàn toàn có thể sử dụng nó để áp dụng cho Form.

Dưới đây là một ví dụ sử dụng hệ thống lưới để bố trí các phần tử trên giao diện. Chú ý: Lớp .row và .form-row làm việc giống nhau, nhưng lời khuyên là bạn nên sử dụng .form-row để phù hợp với ngữ cảnh. là một trong các thành phần tham gia vào một Form, trước HTML5 có 9 loại là button, checkbox, file, hidden, image, password, radio, reset, submit, text. Tháng 10 năm 2014, HTML5 ra đời, nó giới thiệu thêm 12 kiểu khác của là color, date, datetime-local, email, month, number, range, search, tel, time, url, week. Tất cả các loại này đều được Bootstrap hỗ trợ, và được tạo sẵn các lớp để áp dụng:

Grid example

Grid + .form-group thực tế là một button, Bootstrap sử dụng lớp .btn để áp dụng cho chúng. Bạn có thể xem chi tiết trong bài học về Bootstrap Button.

Ví dụ kết hợp Grid và lớp .form-group:

Grid + .form-group example với các kiểu ở trên là một trường (field) để người dùng nhập vào dữ liệu dạng văn bản (textual). Bootstrap sử dụng lớp .form-control để áp dụng cho các phần tử này.

5- Ví dụ Form phức tạp



   
      Input Tel (Default)
      
   
   
      Bootstrap Input Tel

Kết hợp các lớp .form-group, .form-row, .form-inline,.. để có được một Form với bố trí phức tạp.

6- HTML Input Types sử dụng lớp .form-control để áp dụng cho . Nhưng có vẻ nó hoạt động không được tốt như mong đợi (Ít nhất là cho đến phiên bản 4.1).

Phần tử là một trong các thành phần tham gia vào một Form, trước HTML5 có 9 loại là button, checkbox, file, hidden, image, password, radio, reset, submit, text. Tháng 10 năm 2014, HTML5 ra đời, nó giới thiệu thêm 12 kiểu khác của là color, date, datetime-local, email, month, number, range, search, tel, time, url, week. Tất cả các loại này đều được Bootstrap hỗ trợ, và được tạo sẵn các lớp để áp dụng: , một phần tử không được áp dụng lớp .form-control, và một phần tử được áp dụng lớp .form-control:

button, reset, submit

Các phần tử thực tế là một button, Bootstrap sử dụng lớp .btn để áp dụng cho chúng. Bạn có thể xem chi tiết trong bài học về Bootstrap Button.

input-color-example.html




   
      
      Form Example
      
      
   
   
      
         Input type="color"
         
            
               Input Color (Default)
               
            
            
               Bootstrap Input Color (.form-control)

text, password, email, search, url, tel, number

Phần tử với các kiểu ở trên là một trường (field) để người dùng nhập vào dữ liệu dạng văn bản (textual). Bootstrap sử dụng lớp .form-control để áp dụng cho các phần tử này. Bootstrap một thành phần checkbox (Hoặc radio) đầy đủ bao gồm 2 phần tử và được bao bọc (wrap) bởi

. Bootstrap sử dụng lớp .form-check-input để áp dụng cho , và sử dụng lớp .form-check-label để áp dụng cho .

text, password, email, search, url, tel, number phải được đặt ngay phía sau của .

checkbox/radio



   
      
         
         Bootstrap Input Radio
      
   
   
      
         
         Bootstrap Input Checkbox

color disabled áp dụng cho phần tử để vô hiệu hóa nó, người dùng sẽ không thể tương tác với phần tử này, đồng thời nó cũng vô hiệu hóa các phần tử trong cùng một .form-check với nói trên.

Bootstrap sử dụng lớp .form-control để áp dụng cho . Nhưng có vẻ nó hoạt động không được tốt như mong đợi (Ít nhất là cho đến phiên bản 4.1).




   
      
      Form Example
      
   
   
      
         .form-group (Vertical)

         
            
            
               Email
               
               Password

0

Ví dụ dưới đây là 2 phần tử , một phần tử không được áp dụng lớp .form-control, và một phần tử được áp dụng lớp .form-control:

Dưới đây là một ví dụ đưa ra một giải pháp khắc phục vấn đề nói trên: được đưa vào HTML từ phiên bản 5, nó cho phép người dùng lựa chọn một giá trị trong một phạm vi. Bootstrap sử dụng lớp .form-control-range để áp dụng cho phần tử này.


input[type=color].form-control {
     height: 40px;
}




   
      
      Form Example
      
   
   
      
         .form-group (Vertical)

         
            
            
               Email
               
               Password

1

checkbox, radio

Với Bootstrap một thành phần checkbox (Hoặc radio) đầy đủ bao gồm 2 phần tử và được bao bọc (wrap) bởi . Bootstrap sử dụng lớp .form-check-input để áp dụng cho , và sử dụng lớp .form-check-label để áp dụng cho . cho phép người dùng lựa chọn một file để upload. Bootstrap sử dụng lớp .form-control-file để áp dụng cho phần tử này.

Form file




   
      
      Form Example
      
   
   
      
         .form-group (Vertical)

         
            
            
               Email
               
               Password

2

date, time, datetime-local, week, month

Phiên bản HTML5 đưa vào một số kiểu cho cho phép người dùng nhập vào thông tin liên quan ngày tháng và thời gian. Bootstrap sử dụng lớp .form-control để áp dụng cho các kiểu này. HTML5 đưa vào một số kiểu cho cho phép người dùng nhập vào thông tin liên quan ngày tháng và thời gian. Bootstrap sử dụng lớp .form-control để áp dụng cho các kiểu này.

Input Date




   
      
      Form Example
      
   
   
      
         .form-group (Vertical)

         
            
            
               Email
               
               Password

3

range

Input Date




   
      
      Form Example
      
   
   
      
         .form-group (Vertical)

         
            
            
               Email
               
               Password

4

Input Datetime-Local

Input Datetime-Local




   
      
      Form Example
      
   
   
      
         .form-group (Vertical)

         
            
            
               Email
               
               Password

5

Input Datetime-Local

Input Datetime-Local




   
      
      Form Example
      
   
   
      
         .form-group (Vertical)

         
            
            
               Email
               
               Password

6

Input Datetime-Local

Input Datetime-Local




   
      
      Form Example
      
   
   
      
         .form-group (Vertical)

         
            
            
               Email
               
               Password

7

Input Datetime-Local

Input Datetime-Local




   
      
      Form Example
      
   
   
      
         .form-group (Vertical)

         
            
            
               Email
               
               Password

8

Input Time

Input Week</strong> được sử dụng để tạo ra một vùng cho phép người dùng nhập vào dữ liệu văn bản trên một hoặc nhiều dòng. <strong>Bootstrap</strong> sử dụng lớp <strong>.form-control</strong> để áp dụng cho phần tử này. </p><p><div class="imgBox"><img alt="Hướng dẫn form-group bootstrap 4 - form-group bootstrap 4" data-orgimg="https://sg.cdnki.com/huong-dan-form-group-bootstrap-4-form-group-bootstrap-4---aHR0cHM6Ly9zMS5vN3BsYW5uaW5nLmNvbS92aS8xMTk2OS9pbWFnZXMvMjE2MzEwMTQuZ2lm.webp" ></img></div></p><p><p>Input Month</p><pre><code> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Form Example</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"> </head> <body> <div class="container-fluid mt-3"> <h2>.form-group (Vertical)</h2> <form>  <div class="form-group"> <label for="myEmail">Email</label> <input type="email" id = "myEmail" class="form-control" placeholder="Email"> <label for="myPassword">Password</label> <input type="password" id="myPassword" class="form-control" placeholder="Password"> <button type="submit" class="btn btn-primary">Submit</button> </div> </form> </div> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> </body> </html> </code></pre>9</p><p>7- Form Textarea, Select <strong><select></strong> được sử dụng để tạo ra một danh sách các lựa chọn, và người dùng có thể lựa chọn một hoặc nhiều trong số đó. </p><p><p> Phần tử được sử dụng để tạo ra một vùng cho phép người dùng nhập vào dữ liệu văn bản trên một hoặc nhiều dòng. Bootstrap sử dụng lớp .form-control để áp dụng cho phần tử này. </p><pre><code> <form>  <div class="form-inline"> <label for="myEmail">Email</label> <input type="email" id="myEmail" class="form-control" placeholder="Email"> <label for="myPassword">Password</label> <input type="password" id="myPassword" class="form-control" placeholder="Password"> <button type="submit" class="btn btn-primary">Submit</button> </div> </form> </code></pre>0</p><p><div class="imgBox"><img alt="Hướng dẫn form-group bootstrap 4 - form-group bootstrap 4" data-orgimg="https://sg.cdnki.com/huong-dan-form-group-bootstrap-4-form-group-bootstrap-4---aHR0cHM6Ly9zMS5vN3BsYW5uaW5nLmNvbS92aS8xMTk2OS9pbWFnZXMvMjI1NjA3ODIuZ2lm.webp" ></img></div></p><p><h2>Textarea</h2></p><p> Phần tử được sử dụng để tạo ra một danh sách các lựa chọn, và người dùng có thể lựa chọn một hoặc nhiều trong số đó. <strong>disabled</strong> cho <strong><input>,<texarea>,<select></strong> để vô hiệu hóa chúng. Tuy nhiên nếu bạn muốn vô hiệu hóa tất cả các phần tử này hãy bao bọc (wrap) chúng bởi <strong><fieldset disabled></strong>. </p><blockquote><p>Form Select<strong>disabled</strong> của <strong><fieldset></strong> có thể không hoạt động với một vài trình duyệt. Chẳng hạn <strong>IE</strong> phiên bản <strong>11</strong> hoặc cũ hơn. Vì vậy bạn phải sử dụng <strong>Javascript</strong> tùy biến cho các trình duyệt này. </p></blockquote><p><p>8- Disabled Form </p><pre><code> <form>  <div class="form-inline"> <label for="myEmail">Email</label> <input type="email" id="myEmail" class="form-control" placeholder="Email"> <label for="myPassword">Password</label> <input type="password" id="myPassword" class="form-control" placeholder="Password"> <button type="submit" class="btn btn-primary">Submit</button> </div> </form> </code></pre>1</p><p><div class="imgBox"><img alt="Hướng dẫn form-group bootstrap 4 - form-group bootstrap 4" data-orgimg="https://sg.cdnki.com/huong-dan-form-group-bootstrap-4-form-group-bootstrap-4---aHR0cHM6Ly9zMS5vN3BsYW5uaW5nLmNvbS92aS8xMTk2OS9pbWFnZXMvMjI1NjIzNDYucG5n.webp" ></img></div></p><div></div> <div></div></p></div> <div class="readmore_content_exists"><button id="readmore_content"><span class="arrow"><span></span></span>Đọc tiếp</button></div> </td></tr></table> <div style="padding:10px 0px;text-align:center"><div class="addthis_inline_share_toolbox"></div></div> <script async src="/dist/js/lazyhtml.min.js" crossorigin="anonymous"></script> <div class="lazyhtml" data-lazyhtml> <script type="text/lazyhtml"> <div class="youtubeVideo"><h3>Video liên quan</h3> <iframe width="560" height="315" src="https://www.youtube.com/embed/pxHmc7Yq4ns?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen></iframe> </div> </script> </div> <div class="mt-3"> <div class="tags"> <a href="https://boxhoidap.com/tags/programming" class="tag-link">programming</a> <a href="https://boxhoidap.com/tags/bootstrap" class="tag-link">bootstrap</a> <a href="https://boxhoidap.com/tags/Form Bootstrap 4" class="tag-link">Form Bootstrap 4</a> <a href="https://boxhoidap.com/tags/form-control là gì" class="tag-link">form-control là gì</a> <a href="https://boxhoidap.com/tags/Form Bootstrap 5" class="tag-link">Form Bootstrap 5</a> <a href="https://boxhoidap.com/tags/Form-inline Bootstrap 4" class="tag-link">Form-inline Bootstrap 4</a> <a href="https://boxhoidap.com/tags/Select Bootstrap 4" class="tag-link">Select Bootstrap 4</a> </div> </div> <div class="post-tools"> <button data-postid="huong-dan-form-group-bootstrap-4-form-group-bootstrap-4" class="btn btn-answerModalBox"><img class="mr-1" alt="Hướng dẫn form-group bootstrap 4 - form-group bootstrap 4" src="/dist/images/svg/messages_16.svg">Reply</button> <button data-postid="huong-dan-form-group-bootstrap-4-form-group-bootstrap-4" data-vote="up" class="btn btn-doVote"><img class="mr-1" alt="Hướng dẫn form-group bootstrap 4 - form-group bootstrap 4" src="/dist/images/svg/face-smile_16.svg">8</button> <button data-postid="huong-dan-form-group-bootstrap-4-form-group-bootstrap-4" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Hướng dẫn form-group bootstrap 4 - form-group bootstrap 4" src="/dist/images/svg/poo_16.svg">0</button> <button class="btn"><img class="mr-1" alt="Hướng dẫn form-group bootstrap 4 - form-group bootstrap 4" src="/dist/images/svg/facebook_16.svg"> Chia sẻ</button> </div> </div> </div> </div> <div id="answers_huong-dan-form-group-bootstrap-4-form-group-bootstrap-4" class="answers"> </div> <div class="entryFooter"> <div class="footerLinkAds"><div style="width:100%; margin:0 auto;"> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8199996671"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="footerRelated"><div class="postRelatedWidget"> <h2>Bài Viết Liên Quan</h2> <div class="questions-snippet layoutNews border-top border-top-gray"> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fb-44+c1-1p-ns" data-ad-client="ca-pub-4987931798153631" data-ad-slot="7655066491"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/g-dagon-tang-giay-cho-top-va-dara-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/SYtNHt-3lyQ/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAvOEu4E4WQp877oNnAeb9ThPQ0hA" alt="G dagon tang giay cho top va dara năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/g-dagon-tang-giay-cho-top-va-dara-nam-2024">G dagon tang giay cho top va dara năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Top List" class="tag-link">Top List</a> <a href="/tags/Top" class="tag-link">Top</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/dac-diem-dia-hinh-dia-chat-tieng-anh-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/N2E6KeorumA/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCtZNwMdodMkMuESxLiAEl2VmTnyQ" alt="Đặc điểm địa hình địa chất tiếng anh là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/dac-diem-dia-hinh-dia-chat-tieng-anh-la-gi-nam-2024">Đặc điểm địa hình địa chất tiếng anh là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Tiếng anh" class="tag-link">Tiếng anh</a> <a href="/tags/Terrain" class="tag-link">Terrain</a> <a href="/tags/Topography" class="tag-link">Topography</a> <a href="/tags/Terrain là gì" class="tag-link">Terrain là gì</a> <a href="/tags/Topography là gì" class="tag-link">Topography là gì</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/san-bay-tan-son-nhat-xay-dung-nam-nao-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/e1J0lS-8KOA/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYciBdKEIwDw==&rs=AOn4CLC25BhNSrOLnT-SA4-XHyPNJGzUCw" alt="Sân bay tân sơn nhất xây dựng năm nào năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/san-bay-tan-son-nhat-xay-dung-nam-nao-nam-2024">Sân bay tân sơn nhất xây dựng năm nào năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Xây Đựng" class="tag-link">Xây Đựng</a> <a href="/tags/Xây" class="tag-link">Xây</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/le-nghi-cua-van-hoa-doanh-nghiep-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/jpV9v6_LZpw/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBUsceOtHrCnzVv1BW2Vm2Q4LE37Q" alt="Lễ nghi của văn hóa doanh nghiệp là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/le-nghi-cua-van-hoa-doanh-nghiep-la-gi-nam-2024">Lễ nghi của văn hóa doanh nghiệp là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/loi-tu-chay-quang-cao-va-trang-web-tren-android-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/e1hlWvqdwfQ/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDdysG7QSwsBuAUZpJfsJUk_pd5BA" alt="Lỗi tự chạy quảng cáo và trang web trên android năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/loi-tu-chay-quang-cao-va-trang-web-tren-android-nam-2024">Lỗi tự chạy quảng cáo và trang web trên android năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Công Nghệ" class="tag-link">Công Nghệ</a> <a href="/tags/Android" class="tag-link">Android</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/nha-cung-cap-van-phong-pham-tai-ha-noi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/XyP1frYdasA/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYZSBlKGUwDw==&rs=AOn4CLB_Cy8BGcVRsVIzt_gsfZ8LMiAJwQ" alt="Nhà cung cấp văn phòng phẩm tại hà nội năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/nha-cung-cap-van-phong-pham-tai-ha-noi-nam-2024">Nhà cung cấp văn phòng phẩm tại hà nội năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Xây Đựng" class="tag-link">Xây Đựng</a> <a href="/tags/Nhà" class="tag-link">Nhà</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/card-roi-cua-hp-probook-4540s-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/HmsIqi5vDpg/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgAKkBYoCDAgAEAEYSSBaKGUwDw==&rs=AOn4CLB2iM0d1yoqrIdAko9ZNYFrGdj0xw" alt="Card rời của hp probook 4540s là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/card-roi-cua-hp-probook-4540s-la-gi-nam-2024">Card rời của hp probook 4540s là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/toan-nang-cao-lop-5-tap-2-co-dap-an-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/6ECcUuGlx40/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDVtnedS7oSx8q-vGFVMZYiT0zH8A" alt="Toán nâng cao lớp 5 tập 2 có đáp án năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/toan-nang-cao-lop-5-tap-2-co-dap-an-nam-2024">Toán nâng cao lớp 5 tập 2 có đáp án năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cac-dang-toan-co-ban-va-nang-cao-toan-8-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/39SCoFGq5KI/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLB1efrBJidX3K68s1hNwDclECH2Tg" alt="Các dạng toán cơ bản và nâng cao toán 8 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cac-dang-toan-co-ban-va-nang-cao-toan-8-nam-2024">Các dạng toán cơ bản và nâng cao toán 8 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/380-220v-three-phases-50hz-nghia-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/hwYjGeN4egE/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4AZQDgALQBYoCDAgAEAEYZSBlKGUwDw==&rs=AOn4CLDbX5SNVQdUESNYH_enVLtYyx8Ybg" alt="380 220v three phases 50hz nghĩa là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/380-220v-three-phases-50hz-nghia-la-gi-nam-2024">380 220v three phases 50hz nghĩa là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> <a href="/tags/Ngôn ngữ" class="tag-link">Ngôn ngữ</a> <a href="/tags/Nghĩa là gì" class="tag-link">Nghĩa là gì</a> </div> </div> </div> </div> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fb-44+c1-1p-ns" data-ad-client="ca-pub-4987931798153631" data-ad-slot="7655066491"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/tien-bao-hiem-that-nghiep-tinh-the-nao-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/yx6502QP0L8/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBci1DEGzSUse0URbOWPNJSxxk0BA" alt="Tiền bảo hiểm thất nghiệp tính thế nào năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/tien-bao-hiem-that-nghiep-tinh-the-nao-nam-2024">Tiền bảo hiểm thất nghiệp tính thế nào năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Thế nào" class="tag-link">Thế nào</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/de-thi-vao-10-mon-toan-ha-noi-cac-nam-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/HnEWCm41TdI/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYMiBlKFAwDw==&rs=AOn4CLB2hfkdXgc7SF7475KUYyjU8xOkhA" alt="Đề thi vào 10 môn toán hà nội các năm năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/de-thi-vao-10-mon-toan-ha-noi-cac-nam-nam-2024">Đề thi vào 10 môn toán hà nội các năm năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/top-5-san-giao-dich-uy-tinh-nhat-viet-nam-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/MtlsXYw9CqU/hqdefault.jpg?sqp=-oaymwE9COADEI4CSFryq4qpAy8IARUAAAAAGAElAADIQj0AgKJDeAHwAQH4Ad4DgALgA4oCDAgAEAEYOyATKH8wDw==&rs=AOn4CLApCdgPKMOWhEe-jcrHL1LkiqUAvA" alt="Top 5 san giao dich uy tinh nhat viet nam năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/top-5-san-giao-dich-uy-tinh-nhat-viet-nam-nam-2024">Top 5 san giao dich uy tinh nhat viet nam năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Top List" class="tag-link">Top List</a> <a href="/tags/Top" class="tag-link">Top</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/dau-boi-tron-tieng-anh-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/3siTtgP-zEk/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYSSBYKGUwDw==&rs=AOn4CLAaOERAdA3W4e-I6Sb_PaKZdhTIPA" alt="Dầu bôi trơn tiếng anh là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/dau-boi-tron-tieng-anh-la-gi-nam-2024">Dầu bôi trơn tiếng anh là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Tiếng anh" class="tag-link">Tiếng anh</a> <a href="/tags/Lubricating oil" class="tag-link">Lubricating oil</a> <a href="/tags/Lubricant" class="tag-link">Lubricant</a> <a href="/tags/Lubricating gel" class="tag-link">Lubricating gel</a> <a href="/tags/Engine oil" class="tag-link">Engine oil</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/y-nghia-cua-army-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/IDCxNkW8lC8/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLC8e7NcK0cM5dVcwCgNXp3tnh9jrg" alt="Ý nghĩa của army là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/y-nghia-cua-army-la-gi-nam-2024">Ý nghĩa của army là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> <a href="/tags/Military là gì" class="tag-link">Military là gì</a> <a href="/tags/Battle là gì" class="tag-link">Battle là gì</a> <a href="/tags/Soldier là gì" class="tag-link">Soldier là gì</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/van-thuyet-minh-ve-danh-lam-thang-canh-da-lat-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/MRkHeAGsxYY/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAR37X9JqgWMzOCMsKsLHkOoA33Dw" alt="Văn thuyết minh về danh lam thắng cảnh đà lạt năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/van-thuyet-minh-ve-danh-lam-thang-canh-da-lat-nam-2024">Văn thuyết minh về danh lam thắng cảnh đà lạt năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cam-bien-hinh-anh-nao-tot-nhat-tren-may-anh-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/HkVRtwLprqE/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCfjtlLivGgPqf-9CjrnCDkrufa0w" alt="Cảm biến hình ảnh nào tốt nhất trên máy ảnh năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cam-bien-hinh-anh-nao-tot-nhat-tren-may-anh-nam-2024">Cảm biến hình ảnh nào tốt nhất trên máy ảnh năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Top List" class="tag-link">Top List</a> <a href="/tags/Tốt nhất" class="tag-link">Tốt nhất</a> <a href="/tags/Công Nghệ" class="tag-link">Công Nghệ</a> <a href="/tags/Máy" class="tag-link">Máy</a> <a href="/tags/Review" class="tag-link">Review</a> <a href="/tags/Cảm biến CMOS" class="tag-link">Cảm biến CMOS</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/at-the-other-end-of-the-spectrum-nghia-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/V7KL4lMUVlA/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDQQA9L1wdfIwKuN2rDBw0-PFQ_Zg" alt="At the other end of the spectrum nghĩa là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/at-the-other-end-of-the-spectrum-nghia-la-gi-nam-2024">At the other end of the spectrum nghĩa là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> <a href="/tags/Ngôn ngữ" class="tag-link">Ngôn ngữ</a> <a href="/tags/Nghĩa là gì" class="tag-link">Nghĩa là gì</a> <a href="/tags/Spectrum" class="tag-link">Spectrum</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/dinh-dang-so-hop-dong-fe-credit-bi-loi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/p0CxVlEAvgs/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCbfgA46GpHf78oin8MQTBQs03CTQ" alt="Định dạng số hợp đồng fe credit bị lỗi năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/dinh-dang-so-hop-dong-fe-credit-bi-loi-nam-2024">Định dạng số hợp đồng fe credit bị lỗi năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/phuong-tien-giao-thong-co-gioi-duong-bo-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/8dTlCSz3EpQ/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLAUHJPk6tpwjCjG3Fcw9t2OpoUR5g" alt="Phương tiện giao thông cơ giới đường bộ là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/phuong-tien-giao-thong-co-gioi-duong-bo-la-gi-nam-2024">Phương tiện giao thông cơ giới đường bộ là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div> <div class="postContentRight"> <div class="sidebar"> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-13 pb-3 text-center">Quảng Cáo</h4> <div class="mb-4 mx-auto" style="text-align:center"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8742637402" data-ad-format="auto" data-full-width-responsive="true"> </ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">Có thể bạn quan tâm</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/toan-lop-4-trang-83-84-luyen-tap-nam-2024">Toán lớp 4 trang 83 84 luyện tập năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/SunlitRector" class="author">SunlitRector</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/sua-tam-trang-da-han-quoc-nao-tot-nam-2024">Sữa tắm trắng da hàn quốc nào tốt năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/DiplomaticCassette" class="author">DiplomaticCassette</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/cong-ty-cv-la-viet-tat-cua-tu-gi-nam-2024">Công ty cv là viết tắt của từ gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/NeuralAdvert" class="author">NeuralAdvert</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/deo-chuong-v-hoa-huu-co-lop-10-nam-2024">Deo chương v hóa hữu cô lơp 10 năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/InterveningCoyote" class="author">InterveningCoyote</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/cach-danh-cong-thuc-hoa-hoc-trong-word-2007-nam-2024">Cách đánh công thức hóa học trong word 2007 năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/PassionateLustre" class="author">PassionateLustre</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/giai-bai-toan-trong-sach-giao-khoa-lop-4-nam-2024">Giải bài toán trong sách giáo khoa lớp 4 năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/IntricateHierarchy" class="author">IntricateHierarchy</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/loi-di-chuyen-dong-excel-bang-ban-phim-nam-2024">Lỗi di chuyển dòng excel bằng bàn phím năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/TrappedComrade" class="author">TrappedComrade</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/19025831282023-so-tai-khoan-thuoc-nhan-hang-nao-nam-2024">19025831282023 số tài khoản thuộc nhân hàng nào năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/ShortsightedMusician" class="author">ShortsightedMusician</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/chieu-dai-tinh-toan-tieng-anh-la-gi-nam-2024">Chiều dài tính toán tiếng anh là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/ImperialAdvert" class="author">ImperialAdvert</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/truot-bang-tieng-anh-la-gi-nam-2024">Trượt băng tiếng anh là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/ExtraFreestyle" class="author">ExtraFreestyle</a> </small> </div> </div> </div> </div> </div> <div class="card card-item cardTopList"> <div class="card-body"> <h3 class="fs-17 pb-3">Toplist được quan tâm</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="topListNum">#1</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-7-tet-mau-than-nam-1968-da-dien-ra-su-kien-gi-o-mien-nam-nuoc-ta-2023">Top 7 tết mậu thân năm 1968 đã diễn ra sự kiện gì ở miền nam nước ta 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#2</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-13-luyen-tu-va-cau-dau-gach-ngang-lop-4-trang-45-2023">Top 13 luyện từ và câu: dấu gạch ngang lớp 4 trang 45 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#3</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-6-trong-mat-phang-oxy-anh-cua-duong-thang-d-3x-y-40-2023">Top 6 trong mặt phẳng oxy ảnh của đường thẳng d 3x y 4=0 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#4</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-6-thu-thach-than-chet-thuyet-minh-phan-2-2023">Top 6 thử thách thần chết thuyết minh phần 2 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#5</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-4-vo-bai-tap-tieng-viet-lop-3-tap-2-chinh-ta-trang-15-2023">Top 4 vở bài tập tiếng việt lớp 3 tập 2 chính tả trang 15 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#6</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-5-ao-khoac-nam-quang-chau-cao-cap-2023">Top 5 áo khoác nam quảng châu cao cấp 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#7</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-4-noi-dung-nao-sau-day-khong-phai-la-trach-nhiem-cua-don-vi-dau-moi-cung-cap-thong-tin-2023">Top 4 nội dung nào sau đây không phải là trách nhiệm của đơn vị đầu mối cung cấp thông tin 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#8</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-9-mau-dong-phuc-cong-so-dep-2022-2023">Top 9 mẫu đồng phục công sở đẹp 2022 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#9</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-5-op-lung-iphone-13-pro-bao-ve-camera-2023">Top 5 ốp lưng iphone 13 pro bảo vệ camera 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> </div> </div> </div> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Quảng cáo</h4> <div class="mb-4 mx-auto"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-" data-ad-slot="" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">Xem Nhiều</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/bai-tap-co-loi-giai-to-chuc-thi-cong-nam-2024">Bài tập có lời giải tổ chức thi công năm 2024</a></h5> <small class="meta"> <span class="pr-1">5 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/VolubleBrowsing" class="author">VolubleBrowsing</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/giai-cac-bai-toan-tim-x-lop-4-nam-2024">Giải các bài toán tìm x lớp 4 năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/PredominantManga" class="author">PredominantManga</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/cuoc-goi-khong-xac-dinh-la-gi-nam-2024">Cuộc gọi không xác định là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/UncontrollableComplexity" class="author">UncontrollableComplexity</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/ddien-tro-cac-cap-day-may-nen-la-bao-nhieu-nam-2024">Dđiện trở các cặp dây máy nén là bao nhiêu năm 2024</a></h5> <small class="meta"> <span class="pr-1">3 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/TelevisedNarration" class="author">TelevisedNarration</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/vietnam-airline-duoc-ky-gui-bao-nhieu-kg-nam-2024">Vietnam airline được ký gửi bao nhiêu kg năm 2024</a></h5> <small class="meta"> <span class="pr-1">2 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/ProlongedSeating" class="author">ProlongedSeating</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/last-seen-recently-nghia-la-gi-nam-2024">Last seen recently nghĩa là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">22 giờ trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/High-levelRelaxation" class="author">High-levelRelaxation</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/dai-hoc-ton-duc-thang-bao-nhieu-1-tin-chi-nam-2024">Đại học tôn đức thắng bao nhiêu 1 tín chỉ năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/WashedChina" class="author">WashedChina</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/1-8-ga-tuong-duong-bao-nhieu-km-h-nam-2024">1 8 ga tương đương bao nhiêu km h năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/All-powerfulFrequency" class="author">All-powerfulFrequency</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/anh-trai-goi-em-gai-la-gi-trong-tieng-han-nam-2024">Anh trai gọi em gái là gì trong tiếng hàn năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/SpentDeliverance" class="author">SpentDeliverance</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/what-have-you-been-up-to-lately-la-gi-nam-2024">What have you been up to lately là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/Military-industrialTreadmill" class="author">Military-industrialTreadmill</a> </small> </div> </div> </div> </div> </div> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Quảng cáo</h4> <div class="mb-4 mx-auto" style=" text-align: center"> <div id='div-gpt-ad-1657246837997-0' style='min-width: 300px; min-height: 600px;'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1657246837997-0'); }); </script> </div> </div> </div> </div> </div> </div> </div> </section>  <script>var questionId ='huong-dan-form-group-bootstrap-4-form-group-bootstrap-4'</script> <script>var postTime ='2022-10-15T19:19:12.166Z'</script> <script>var siteDomain ='boxhoidap.com'</script> <script type="text/javascript" src="https://boxhoidap.com/dist/js/pages/comment.js"></script>  <section class="footer-area pt-80px bg-dark position-relative"> <span class="vertical-bar-shape vertical-bar-shape-1"></span> <span class="vertical-bar-shape vertical-bar-shape-2"></span> <span class="vertical-bar-shape vertical-bar-shape-3"></span> <span class="vertical-bar-shape vertical-bar-shape-4"></span> <div class="container"> <div class="row"> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Chúng tôi</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/about.html">Giới thiệu</a></li> <li><a href="/contact.html">Liên hệ</a></li> <li><a href="/contact.html">Tuyển dụng</a></li> <li><a href="/contact.html">Quảng cáo</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Điều khoản</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/privacy-statement.html">Điều khoản hoạt động</a></li> <li><a href="/terms-and-conditions.html">Điều kiện tham gia</a></li> <li><a href="/privacy-statement.html">Quy định cookie</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Trợ giúp</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/contact.html">Hướng dẫn</a></li> <li><a href="/contact.html">Loại bỏ câu hỏi</a></li> <li><a href="/contact.html">Liên hệ</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Mạng xã hội</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="#"><i class="fab fa-facebook-f mr-1"></i> Facebook</a></li> <li><a href="#"><i class="fab fa-twitter mr-1"></i> Twitter</a></li> <li><a href="#"><i class="fab fa-linkedin mr-1"></i> LinkedIn</a></li> <li><a href="#"><i class="fab fa-instagram mr-1"></i> Instagram</a></li> </ul> </div> </div> </div> </div> <hr class="border-top-gray my-5"> <div class="container"> <div class="row align-items-center pb-4 copyright-wrap"> <div class="col-6"> <a href="//www.dmca.com/Protection/Status.aspx?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca_protected_sml_120am.png?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" width="123px" height="21px" alt="DMCA.com Protection Status" /></a> <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script> </div> <div class="col-6"> <div class="copyright-desc text-right fs-14"> <div>Bản quyền © 2021 <a href="https://boxhoidap.com">boxhoidap.com</a> Inc.</div> </div> </div> </div> </div> </section> <script> $( document ).ready(function() { setTimeout(showMoreButton, 3000); function showMoreButton(){ let minheight = 1000; minheight = parseInt($("#entryContent").innerHeight())/3; $("#entryContent").css('min-height', minheight).css('max-height', minheight).css('overflow', 'hidden'); $("#readmore_content").click(function(){ $("#entryContent").css('min-height', '').css('max-height', '').css('overflow', ''); $(".readmore_content_exists").css('display', 'none'); }) } }); </script>   <div id="back-to-top" data-toggle="tooltip" data-placement="top" title="Lên đầu trang"> <img alt="" src="/dist/images/svg/arrow-up_20.svg"> </div>  <script src="https://boxhoidap.com/dist/js/bootstrap.bundle.min.js"></script> <script src="https://boxhoidap.com/dist/js/moment.js"></script> <script src="https://boxhoidap.com/dist/js/read-more.min.js"></script> <script src="https://boxhoidap.com/dist/js/main.js?v=6"></script>  <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "jxuz46z39u"); </script> </body> </html>