Câu hỏi được gắn thẻ «twitter-bootstrap-3»

Tôi đang cố cài đặt Bootstrap 3.0 trên ứng dụng Rails của mình. Gần đây tôi đã hoàn thành hướng dẫn của Michael Hartl và hiện đang cố gắng xây dựng hệ thống của riêng mình bằng cách sử dụng phiên bản Bootstrap mới này, nhưng tôi có một số …

112 ruby-on-rails  ruby  twitter-bootstrap-3 

Tôi có một vấn đề, với một phương thức. Tôi có một nút trên một trang, nút này sẽ chuyển đổi phương thức. Khi phương thức hiển thị, trang sẽ chuyển lên đầu trang. Tôi đã làm mọi cách để tìm ra giải pháp / vv, nhưng tôi thực sự …

110 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-3 

Đây là hiệu ứng mà tôi đang cố gắng đạt được với băng chuyền Bootstrap 3 Thay vì chỉ hiển thị từng khung một, nó hiển thị N khung trượt cạnh nhau. Sau đó, khi bạn trượt (hoặc khi tự động trình chiếu), nó sẽ dịch chuyển nhóm các trang …

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

Tôi đang cố gắng giảm chiều cao thanh điều hướng bootstrap 3.0 được sử dụng với hành vi cố định trên cùng. Ở đây tôi đang sử dụng mã. HTML <div class="tnav"> <div class="navbar navbar-fixed-top" role="banner"> <div class="navbar-inner-sm"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> …

108 twitter-bootstrap  navbar  twitter-bootstrap-3 

Tôi muốn có các nhãn không ở phía trên trường nhập mà ở phía bên trái. <form method="post" action="" role="form" class="form-inline"> <div class="form-group"> <label for="rg-from">Ab: </label> <input type="text" id="rg-from" name="rg-from" value="" class="form-control"> </div> <div class="form-group"> <label for="rg-to">Bis: </label> <input type="text" id="rg-to" name="rg-to" value="" class="form-control"> </div> <div class="form-group"> <input type="button" value="Clear" …

104 css  twitter-bootstrap-3 

tôi đã thử cái này nhưng sai rồi đây là css body .modal-ku { width: 750px; } và đây là kết quả thất bại

104 html  css  twitter-bootstrap-3 

Tôi mới sử dụng Bootstrap và có phiên bản 2.3.2 cũ hơn. Phiên bản 3 đã được phát hành. Tôi chỉ cần thay thế các tệp CSS và Javascript nếu tôi muốn sử dụng phiên bản mới nhất?

102 twitter-bootstrap  twitter-bootstrap-3 

Tôi vừa truy cập trang này http://www.elmastudio.de/ và tự hỏi liệu có thể xây dựng thu gọn thanh bên trái với Bootstrap 3 hay không. Mã để thu gọn thanh bên từ trên cùng (chỉ dành cho điện thoại): <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> …

102 twitter-bootstrap-3  bootstrap-4  sidebar  collapse 

Là gì tabindexthuộc tính trong Bootstrap 3 cho? Tài liệu của nó không nói bất cứ điều gì về chúng mặc dù chúng sử dụng chúng thực tế trong tất cả các phương thức. Tôi chỉ tìm thấy điều này liên quan đến việc sử dụng nó, điều này không …

100 twitter-bootstrap  twitter-bootstrap-3  bootstrap-modal 

Tôi biết Bootstrap 3có một dải phân cách ngang mà bạn có thể đặt bên trong menu thả xuống để tách các liên kết như sau: <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> <li role="presentation" class="dropdown-header">Dropdown header</li> ... <li role="presentation" class="divider"></li> </ul> Câu hỏi của tôi là: Có cách nào để làm điều …

98 twitter-bootstrap  twitter-bootstrap-3 

Tôi đang di chuyển các chủ đề Bootstrap của mình từ v2.3.2 sang v3.0.0 và một điều tôi nhận thấy là rất nhiều kích thước được tính khác nhau, do các kiểu sau trong bootstrap.css. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Bất cứ ai có …

98 css  twitter-bootstrap  twitter-bootstrap-3  boxsizer 

Tôi muốn nội dung của mình trôi chảy, nhưng khi sử dụng .container-fluidvới lưới của Bootstrap, tôi vẫn thấy phần đệm. Làm thế nào tôi có thể thoát khỏi lớp đệm? Tôi thấy rằng tôi không nhận được phần đệm bằng .row, nhưng tôi muốn thêm các cột và ngay …

97 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Gặp sự cố với các lớp ẩn / hiện của tiện ích đáp ứng mới khi di chuyển sang Bootstrap 4 . Tôi biết rằng các lớp .hides- đã bị xóa khỏi v3 và được thay thế bằng .hidden-*-up .hidden-*-down. Sử dụng các .hidden-*-up.hidden-*-downlớp mới nhưng các phần tử không …

96 twitter-bootstrap  twitter-bootstrap-3  hide  hidden  twitter-bootstrap-4 

<div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> JSfiddle Tôi đoán rằng tôi sẽ lưu trữ nội dung biểu mẫu trong một hàm javascript ... Làm cách nào để chứa một biểu mẫu trong cửa sổ bật …

95 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  popover 

Vì vậy, tôi đang sử dụng mã này để mở một cửa sổ phương thức khác trong một cửa sổ phương thức đang mở hiện tại: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> Điều gì xảy ra là, trong khoảng 500ms, thanh cuộn sẽ trùng lặp. Tôi đoán bởi vì phương thức hiện tại …

95 javascript  jquery  twitter-bootstrap  modal-dialog  twitter-bootstrap-3