คำถามติดแท็ก css

ฉันกำลังพัฒนาหน้าลงชื่อสมัครใช้โดยใส่ข้อความเป็นชื่อที่แถบนำทาง ฉันต้องการให้ข้อความเหล่านั้นมีสีที่แตกต่างกัน เพื่อจุดประสงค์นี้ฉันใช้ไฟล์ CSS แยกต่างหาก แต่ฉันต้องการทำสิ่งนี้โดยใช้ไฟล์ CSS ของ bootstrap ใครสามารถแสดงรายการคลาสสีที่มีอยู่ใน bootstrap ได้บ้าง?

119 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

มีคำถามเกี่ยวกับเรื่องนี้มาก่อน: Twitter Bootstrap CSS ที่รองรับภาษา RTL แต่คำตอบทั้งหมดนั้นดีสำหรับ Bootstrap 2.x ฉันกำลังทำโปรเจ็กต์ที่เป็นภาษาอาหรับ (rtl) และฉันต้องการ Bootstrap 3.x จากขวาไปซ้าย มีใครรู้วิธีแก้ไขไหม

119 css  html  twitter-bootstrap  twitter-bootstrap-3 

ปิด. คำถามนี้ต้องการรายละเอียดการแก้จุดบกพร่อง ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการเมื่อปีที่แล้ว ปรับปรุงคำถามนี้ ฉันกำลังสร้างแอพมือถือที่ใช้เบราว์เซอร์และฉันตัดสินใจใช้ Bootstrap 3 เป็นเฟรมเวิร์ก css สำหรับการออกแบบ Bootstrap 3 มาพร้อมกับคุณสมบัติ "ตอบสนอง" ที่ยอดเยี่ยมในแถบนำทางซึ่งจะยุบลงโดยอัตโนมัติหากตรวจพบ "จุดพัก" ที่เฉพาะเจาะจงเกี่ยวกับความละเอียดของเบราว์เซอร์ ใช้งานได้ในหลายสถานการณ์ แต่คุณสังเกตเห็นไหมว่าแอปบนอุปกรณ์เคลื่อนที่ที่ใช้เบราว์เซอร์จำนวนมากมีการนำทางหลักซ่อนอยู่ทางด้านซ้ายของหน้าจอและเมื่อกดไอคอนสลับ (สลับ) ที่มุมบนขวาการนำทางหลักจะเลื่อนออกไปที่ ทางขวาประมาณ 2/3 ของทางเข้าสู่หน้าจอ? นี่เป็นโซลูชันที่ได้รับความนิยมมากขึ้นสำหรับการนำทางผ่านแอพที่ใช้เบราว์เซอร์บนอุปกรณ์มือถือและฉันคิดว่าในทางทฤษฎีแล้วมันควรจะค่อนข้างง่ายในการปรับเปลี่ยน bootstrap css / js เพื่อรองรับคุณสมบัติการยุบการนำทางเวอร์ชันนี้ คุณสมบัติเหล่านี้สามารถใช้งานได้อย่างไร? ดูเหมือนว่าไม่ควรดัดแปลงมากเกินไป ฉันอยากได้ยินความคิด / แนวทางแก้ไขของคุณในเรื่องนี้ นอกจากนี้ฉันคิดว่ามันจะเป็นวิธีแก้ปัญหาระยะยาวที่ยอดเยี่ยมสำหรับ Bootstrap ที่จะใช้เป็นคุณสมบัติในตัว น่าเสียดายที่ฉันไม่ได้พยายามสร้างฟีเจอร์นี้เพราะในขณะที่ฉันคุ้นเคยกับเทคโนโลยีเหล่านี้ แต่ฉันส่วนใหญ่เป็นนักพัฒนา PHP / MySQL และฉันเชื่อว่าคุณสมบัติที่มีประโยชน์เท่าที่ควรจะสร้างโดยผู้เชี่ยวชาญที่มีข้อมูลเชิงลึกที่ฉันไม่มี ในฐานะผู้พัฒนาส่วนหน้า

119 css  twitter-bootstrap  mobile  twitter-bootstrap-3 

มีความแตกต่างระหว่างคุณสมบัติ CSS ทั้งสองนี้หรือไม่: background: none; background: transparent; ทั้งคู่ใช้ได้หรือไม่ ควรใช้ตัวไหนและทำไม?

119 css  background 

มีวิธี (แบบพกพา) ในการหมุนข้อความในเซลล์ตาราง HTML 90 °หรือไม่? (ฉันมีตารางที่มีหลายคอลัมน์และมีข้อความจำนวนมากสำหรับส่วนหัวดังนั้นฉันจึงต้องการเขียนในแนวตั้งเพื่อประหยัดพื้นที่)

119 html  css  text-rendering  text-styling 

หน้าเว็บของฉันมีรายการ "ผอม" ตัวอย่างเช่นรายการ 100 รายการที่มีความยาวหนึ่งคำ เพื่อลดการเลื่อนฉันต้องการนำเสนอรายการนี้ในสองหรือสี่คอลัมน์ในหน้า ฉันควรทำอย่างไรกับ CSS <ul> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> </ul> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด ฉันต้องการให้โซลูชันมีความยืดหยุ่นเพื่อที่ว่าหากรายการเพิ่มขึ้นถึง 200 รายการฉันไม่ต้องทำการปรับเปลี่ยนด้วยตนเองมากนักเพื่อรองรับรายการใหม่

119 css  html-lists 

ฉันมีองค์ประกอบส่วนหัวและองค์ประกอบเนื้อหา: #header #content overflow-y: scroll;ฉันต้องการส่วนหัวจะเป็นของความสูงคงที่และเนื้อหาที่จะเติมทุกความสูงที่เหลือที่มีอยู่บนหน้าจอด้วย เป็นไปได้โดยไม่ต้องใช้ Javascript?

119 html  css 

ฉันต้องการแสดงย่อหน้าจากฐานข้อมูลลงในเซลล์ตาราง ผลลัพธ์คือ 1 บรรทัดขนาดใหญ่โดยไม่สนใจว่าจะจัดระเบียบอย่างไรในฐานข้อมูล ตัวอย่างเช่นละเว้น 'Enter' (บรรทัดใหม่) ฉันต้องการแสดงให้ตรงตามวิธีการเขียนในฐานข้อมูล ตัวอย่างเช่นหากมีการบันทึกย่อหน้าดังนี้: hello , my name is x. ฉันต้องการให้แสดงแบบนั้นแทน: hello, myname is x.

119 html  css  tablerow 

สมมติว่าฉันมีส่วนประกอบที่มีการเรนเดอร์ดังนี้: <View style={jewelStyle}></View> โดยที่ jewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, ฉันจะสร้างสีพื้นหลังแบบไดนามิกและกำหนดแบบสุ่มได้อย่างไร ฉันพยายามแล้ว { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, แต่สิ่งนี้ทำให้อินสแตนซ์ทั้งหมดของ View มีสีเดียวกันฉันต้องการให้แต่ละอันไม่ซ้ำกัน เคล็ดลับใด ๆ

119 css  reactjs  react-native 

สมมติว่าฉันมีคอลัมน์สองสามคอลัมน์ซึ่งบางคอลัมน์ฉันต้องการหมุนค่าของ: http://jsfiddle.net/MTyFP/1/ <div class="container"> <div class="statusColumn"><span>Normal</span></div> <div class="statusColumn"><a>Normal</a></div> <div class="statusColumn"><b>Rotated</b></div> <div class="statusColumn"><abbr>Normal</abbr></div> </div> ด้วย CSS นี้: .statusColumn b { writing-mode: tb-rl; white-space: nowrap; display: inline-block; overflow: visible; transform: rotate(-90deg); transform-origin: 50% 50%; } มันจะออกมาเป็นแบบนี้: เป็นไปได้ไหมที่จะเขียน CSS ที่จะทำให้องค์ประกอบที่หมุนแล้วส่งผลต่อความสูงของพาเรนต์เพื่อให้ข้อความไม่ทับซ้อนกับองค์ประกอบอื่น ๆ สิ่งนี้:

119 css  css-transforms 

ฉันมีเมนูนำทางแนวนอนซึ่งโดยพื้นฐานแล้วเป็นเพียง<ul>องค์ประกอบที่ตั้งไว้เคียงข้างกัน ฉันไม่ได้กำหนดความกว้าง แต่เพียงแค่ใช้ช่องว่างภายในเพราะฉันต้องการให้ความกว้างถูกกำหนดโดยความกว้างของรายการเมนู ฉันทำให้รายการที่เลือกในปัจจุบันเป็นตัวหนา ปัญหาคือในการทำตัวหนาคำจะกว้างขึ้นเล็กน้อยซึ่งทำให้องค์ประกอบที่เหลือเลื่อนไปทางซ้ายหรือขวาเล็กน้อย มีวิธีที่ชาญฉลาดในการป้องกันไม่ให้สิ่งนี้เกิดขึ้นหรือไม่? มีบางอย่างตามบรรทัดของการบอกช่องว่างภายในโดยไม่สนใจความกว้างพิเศษที่เกิดจากตัวหนา? ความคิดแรกของฉันคือเพียงแค่ลบพิกเซลไม่กี่พิกเซลออกจากส่วนขยายขององค์ประกอบที่ "ใช้งานอยู่" แต่จำนวนนี้จะแตกต่างกันไป ถ้าเป็นไปได้ฉันต้องการหลีกเลี่ยงการตั้งค่าความกว้างคงที่ในแต่ละรายการจากนั้นให้จัดกึ่งกลางเมื่อเทียบกับโซลูชันการขยายช่องว่างที่ฉันมีอยู่ในปัจจุบันเพื่อให้การเปลี่ยนแปลงในอนาคตเป็นเรื่องง่าย

119 css  fonts  menu 

ฉันใช้ Bootstrap 4 ฉันพยายามลบลูกศรในเมนูแบบเลื่อนลง ตอบผมพบว่าสำหรับเงินทุน 3 ไม่ทำงานใด ๆ เพิ่มเติม jsfiddle เป็นที่นี่ <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> </div> </div>

119 css  twitter-bootstrap  twitter-bootstrap-4 

ฉันต้องนำเข้าแบบอักษร Klavika และฉันได้รับในหลายรูปทรงและขนาด: Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf ตอนนี้ฉันต้องการทราบว่าเป็นไปได้หรือไม่ที่จะนำเข้าใน CSS ด้วย@font-faceแบบสอบถามเดียวโดยที่ฉันกำหนดweightในแบบสอบถาม ฉันต้องการหลีกเลี่ยงการคัดลอก / วางแบบสอบถาม 8 ครั้ง สิ่งที่ชอบ: @font-face { font-family: 'Klavika'; src: url(../fonts/Klavika-Regular.otf), weight:normal; src: url(../fonts/Klavika-Bold.otf), weight:bold; }

119 css  fonts  font-face 

ฉันมี font-face ในโปรแกรมของฉันที่สร้างจาก Font Squirrel ฉันไม่สามารถทำให้มันทำงานใน IIS ได้มันทำงานใน localhost ฉันเพิ่มแอพลิเคชัน / font-WOFF บทความประเภท MIME ของฉัน แต่ก็ยังไม่ต้องการที่จะทำงาน Context --Fonts ----font location --css files CSS @font-face { font-family: 'wallStreetFont'; src: url('Fonts/subway-webfont.eot'); src: url('Fonts/subway-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/subway-webfont.woff2') format('woff2'), url('Fonts/subway-webfont.woff') format('woff'), url('Fonts/subway-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } แก้ไขเวลาปัจจุบัน ฉันใช้แบบอักษร IIS 8 MIME เริ่มต้น/ x-woff

118 css  iis  fonts  woff2 

<input type='text'/>ฉันต้องการให้เข้ากับสไตล์ของตัวชี้มุ่งเน้น โดยเฉพาะสีและความหนา

118 html  css  input  caret