Làm cách nào để tạo văn bản trong một không gian văn bản đơn thuần khi sử dụng Twitter Bootstrap?

Question

Tôi có textarea yếu tố sau đây:

<form action="/checkit" method="get"> 
    <textarea class="field span8" id="textarea" name="user_input" 
     rows="20">{{default_data}}</textarea> 

    <input type="submit" value="Checker"> 
</form> 

Tôi vừa bắt đầu sử dụng bootstrap, nhưng không thể tìm ra cách tốt nhất để làm cho văn bản trong monospace textarea.

Answer 1

Thêm dòng sau vào thẻ textarea bạn nên làm việc

style="font-family:monospace;" 

hoặc nếu không bạn chỉ có thể thêm nó vào css của bạn như thế này

#textarea{font-family:monospace;} 

Answer 2

Twitter Bootstrap đặt nhiều tính năng phong cách, và nó không phải là luôn luôn tầm thường để ghi đè lên chúng. Tuy nhiên, đối với một phần tử cụ thể, thật dễ dàng khi sử dụng công cụ chọn khá cụ thể như bộ chọn id. Trong trường hợp của bạn, phần tử textarea có id="textarea", vì vậy bạn có thể sử dụng ví dụ:

<style> 
#textarea { font-family: Consolas, Lucida Console, monospace; } 
</style> 

Bạn có thể liệt kê bất kỳ chuỗi các phông chữ monospace trong thứ tự ưu tiên, nhưng làm cho mục cuối cùng monospace (không có trích dẫn dấu) cuối cùng, bởi vì nó có nghĩa là té ngửa ra phông chữ monospace mặc định của trình duyệt. Nó thường không tốt cho khả năng sử dụng để thiết lập phông chữ để monospace trong textarea, trừ khi có lẽ đầu vào dự kiến ​​là mã máy tính, hàng số, hoặc văn bản khác phù hợp cho dựng hình monospace.

Answer 3

Trong bootstrap chúng tôi có phong cách:

input, 
button, 
select, 
textarea { 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
} 

Trong css của bạn, bạn cần phải thay đổi điều này thành:

#textarea { 
font-family: monospace; 
} 

Vì vậy, với id textarea của bạn sẽ có ưu tiên cao hơn.