Twitter-Bootstrap - đặt các phần tử đơn giản nội tuyến

Question

Có cách nào để đặt 2 <a> các phần tử hiển thị nội tuyến không?

i tryed:

<div class="form-inline"> 
<a>jjj</a> 
<a>sss</a> 
</div> 

và cũng

<div class="row-fluid"> 
    <a class="inline">jjj</a> 
    <a class="inline">sss</a> 
    </div> 

nhưng nó không hoạt động.

Answer 1

Thẻ neo theo mặc định sẽ được hiển thị inline. Bạn phải đặt thêm một số kiểu dáng để hiển thị thành các phần tử block hoặc tương tự.

Sử dụng mã của bạn, đây là số đang hoạt động JSFiddle.

Kiểm tra trang của bạn để tìm xem vị trí của neo đang được đặt và sửa đổi hoặc đặt thành phần display:inlinesau điều đó. Như bạn đã thêm class="inline" bạn chỉ có thể chỉ cần thêm:

a { display:block; /* Pre-existing code */ } 
a.inline { 
    display:inline; 
} 

Cũng như một lưu ý tôi không nghĩ rằng row-fluid được thiết kế để làm việc mà không scaffolding yếu tố khác Bootstrap, nếu bạn muốn có một hàng dài đầy đủ, bạn nên sử dụng:

<div class="row-fluid"> 
    <div class="span12"> 
     <a class="inline">jjj</a> 
     <a class="inline">sss</a> 
    </div> 
</div>