Xem trước Bootstrap

Bootstrap Email có thẻ tùy chỉnh mà bạn có thể sử dụng để xác định văn bản xem trước trong email của mình. Bằng cách này, nó sẽ hiển thị dưới dạng bản xem trước email của bạn trong hộp thư đến nhưng sẽ bị ẩn hoàn toàn khi xem chính email đó

This text will show up as a preview but not in the email!

Thư cũng sẽ được đệm bằng ____2_______ ở cuối thư để nếu bạn có một đoạn văn bản xem trước ngắn thì nội dung của email sẽ không chuyển vào phần xem trước hộp thư đến

Ghi chú. Phần tử này sẽ được chuyển đến ngay bên dưới thẻ khi được biên dịch. Tôi khuyên bạn nên giữ nó ở đầu tài liệu vì lợi ích của bạn nhưng nó thực sự có thể ở bất cứ đâu

Với tính năng Xem trước, bạn có thể mở thiết kế của mình trong nhiều trình duyệt web và thiết bị trên mạng cục bộ. Mọi thay đổi bạn thực hiện trong ứng dụng sẽ được hiển thị ngay lập tức ở mọi nơi

Để bắt đầu, hãy nhấn nút Xem trước từ thanh công cụ Chính hoặc nhấn phím tắt Ctrl/Cmd + I

Trong hộp thoại này, kích hoạt công tắc xem trước và nhấp vào Open In Browser. Bạn sẽ thấy thiết kế của mình ở dạng đầy đủ chức năng. Thực hiện các thay đổi trong ứng dụng sẽ tự động được phản ánh trong Bản xem trước - thậm chí không cần phải nhấn nút làm mới trình duyệt

Bản xem trước có sẵn trong mạng cục bộ của bạn và sẽ hoạt động trên mọi thiết bị hoặc trình duyệt mà bạn muốn kiểm tra bằng cách chia sẻ URL

Ghi chú

Không thể xem các trang từ tính năng Xem trước từ internet rộng hơn. Chỉ những người trong mạng cục bộ của bạn có đúng URL mới có thể nhìn thấy chúng. Nếu bạn muốn thiết kế của mình được mọi người nhìn thấy, bạn có thể Xuất bản nó trực tuyến

Các thành phần và mẫu hoàn toàn mới để giúp mọi người nhanh chóng bắt đầu với Bootstrap và chứng minh các phương pháp hay nhất để thêm vào khung

anbom

Mẫu một trang đơn giản cho thư viện ảnh, danh mục đầu tư, v.v.

định giá

Trang đặt giá mẫu được tạo bằng Thẻ và có đầu trang và chân trang tùy chỉnh

Thủ tục thanh toán

Biểu mẫu thanh toán tùy chỉnh hiển thị các thành phần biểu mẫu của chúng tôi và các tính năng xác thực của chúng

Sản phẩm

Trang tiếp thị tập trung vào sản phẩm tinh gọn với công việc hình ảnh và lưới rộng

Che phủ

Mẫu một trang để xây dựng các trang chủ đơn giản và đẹp mắt

băng chuyền

Tùy chỉnh thanh điều hướng và băng chuyền, sau đó thêm một số thành phần mới

Blog

Tạp chí giống như mẫu blog với tiêu đề, điều hướng, nội dung nổi bật

bảng điều khiển

Vỏ bảng điều khiển quản trị cơ bản với thanh bên và thanh điều hướng cố định

Đăng nhập

Bố cục và thiết kế biểu mẫu tùy chỉnh cho biểu mẫu đăng nhập đơn giản

Chân trang cố định

Đính kèm chân trang vào cuối khung nhìn khi nội dung trang ngắn

khung

Các ví dụ tập trung vào việc triển khai sử dụng các thành phần tích hợp do Bootstrap cung cấp

lưới

Nhiều ví dụ về bố cục lưới với cả bốn tầng, lồng vào nhau, v.v.

Jumbotron

Xây dựng xung quanh jumbotron với thanh điều hướng và một số cột lưới cơ bản

thanh điều hướng

Lấy thành phần thanh điều hướng mặc định và hiển thị cách di chuyển, đặt và mở rộng thành phần này

thanh điều hướng

Trình diễn tất cả các tùy chọn đáp ứng và vùng chứa cho thanh điều hướng

Thanh điều hướng tĩnh

Ví dụ về thanh điều hướng đơn của thanh điều hướng trên cùng tĩnh cùng với một số nội dung bổ sung

Đã sửa thanh điều hướng

Ví dụ về thanh điều hướng duy nhất với thanh điều hướng trên cùng cố định cùng với một số nội dung bổ sung

Đáy thanh điều hướng

Ví dụ về thanh điều hướng duy nhất có thanh điều hướng phía dưới cùng với một số nội dung bổ sung

thí nghiệm

Các ví dụ tập trung vào các tính năng hoặc kỹ thuật thân thiện với tương lai

nhãn nổi

Biểu mẫu đơn giản đẹp mắt với nhãn nổi trên đầu vào của bạn

vải bố

Biến thanh điều hướng có thể mở rộng của bạn thành một menu offcanvas trượt

Lấy chủ đề Bootstrap ở đâu?

Bootstrap có miễn phí sử dụng không?

Mẫu Bootstrap là gì?

Làm cách nào để sử dụng các mẫu Bootstrap trong HTML?