बूटस्ट्रैप बटन

Question

में टेक्स्ट आकार को कस्टमाइज़ करें मैं ट्विटर बूटस्ट्रैप का उपयोग करके "ऐप स्टोर से डाउनलोड करें" बटन बनाने की कोशिश कर रहा हूं।

जो मुद्दा मैं कर रहा हूं वह "ऐप स्टोर" टेक्स्ट को "ऊपर से डाउनलोड करें" टेक्स्ट से बड़ा बनाने की कोशिश कर रहा है।

यहां HTML और CSS है जिसका मैं उपयोग कर रहा हूं।

.fixed-hero .hero-text { 
    padding-top: 90px; 
    width: 65%; 
    color:#fff; 
    font-family: Century Gothic, sans-serif; 
    font-size: 2.2em; 
    line-height: 1.5em; 
} 
.fixed-hero .hero-button { 
    padding-top: 60px; 
    width: 65%; 
} 

.btn.btn-large.btn-danger{ 
    border-style:solid; 
    border-width:1px; 
    border-color:#fff; 
    background-image: linear-gradient(to bottom, rgb(204, 81, 81), #990000); 
    text-align: left; 
} 

    <div class="hero-button text-center"> 
      <a href="#" class="btn btn-large btn-danger"> 
       <i class="icon-apple icon-3x pull-left"></i> 
       <div> 
       Download from the 
       App Store 
       </div> 
      </a> 
    </div> 

मैं प्रतिक्रिया और विशेषज्ञता की सराहना करता हूं।

Answer 1

टेक्स्ट को लपेटें और फ़ॉन्ट आकार के साथ इसे छोटा करें: छोटे या जो भी आकार आपको पसंद है।

<div class="hero-button text-center"> 
     <a href="#" class="btn btn-large btn-danger"> 
      <i class="icon-apple icon-3x pull-left"></i> 
       <span style="font-size:smaller;">Download from the</span> 
      App Store 
     </a> 
</div> 

Answer 2

वास्तव में इसके बारे में सोचने के लिए आते हैं आप मनमाने ढंग से ऐसा कर सकते हैं बशर्ते दो शर्तों में से एक मिले। 1) बटन केवल सही स्थान पर ब्रेक रखने के लिए आकार में होता है (बटन की निश्चित चौड़ाई का उपयोग करके या इसे आकार में सापेक्ष चौड़ाई वाले कंटेनर में बनाते हैं) या 2) वांछित स्थान पर <br> टैग लागू करना। तो यह एक :first-line छद्म वर्ग

.btn div { 
    font-size:40px 
} 

.btn div:first-line { 
    font-size:20px 
} 

http://jsbin.com/oxivoz/2/
http://jsbin.com/oxivoz/2/edit