Xung đột Bootstrap.min.css khi sử dụng VestaCP

Đợt vừa rồi mình thử dùng hệ quản trị cho VPS mới được mọi ng trên cả thế giới cũng nhắc đến nó, đó là VestaCP. Tìm hiểu thì thấy cũng rất nhiều ưu điểm nổi trội, giao diện đơn giản và thân thiện. Hoạt động cũng ok mà các tính năng cơ bản cũng đầy đủ nữa.

Hý hửng cài và chạy rất ok, mượt nhưng ko hiểu sao những  website của mình đều bị lỗi CSS, mất bố cục, định dạng. Sô lệch hàng gird… Và sau kha khá thời gian tìm lỗi thì hóa ra nó bị xung đột boostrap css.

Khắc phục lỗi CSS Bootstrap khi sử dụng Vesta CP do xung đột.

Mình không biết các bạn có gặp lỗi như mình không, nhưng mình cài lại mấy lần đều bị vậy. Vesta nó có config định tuyến sẵn cho cả website sử dụng file Bootstrap.min.css của nó. Mà file này sử dụng bản 3.1, những website sử dụng bản mới hơn thì sẽ gặp lỗi. À mà website đặt file css ở folder /css/bootstrap.min.css thì mới bị.

Các bạn tìm đến file welcome.conf trong thư mục  /etc/httpd/conf.d

Nội dung trong file welcome.conf như sau

<Directory /usr/share/httpd/noindex>
 AllowOverride None
 Require all granted
 </Directory>

Alias /.noindex.html /usr/share/httpd/noindex/index.html
Alias /css/bootstrap.min.css /usr/share/httpd/noindex/css/bootstrap.min.css
Alias /css/open-sans.css /usr/share/httpd/noindex/css/open-sans.css
 Alias /images/apache_pb.gif /usr/share/httpd/noindex/images/apache_pb.gif
 Alias /images/poweredby.png /usr/share/httpd/noindex/images/poweredby.png

Xóa bỏ dòng: 

 Alias /css/bootstrap.min.css /usr/share/httpd/noindex/css/bootstrap.min.css

là xong. Nhớ restart lại dịch vụ httpd nhé.

Chúc thành công!

 

Trả lời