क्या बूटस्ट्रैप 4 क्षैतिज विभक्त में बनाया गया है?

Question

क्या बूटस्ट्रैप 4 क्षैतिज विभक्त में बनाया गया है? मैं यह कर सकता,

<style type="text/css"> 
.h-divider{ 
margin-top:5px; 
margin-bottom:5px; 
height:1px; 
width:100%; 
border-top:1px solid gray; 
} 
</style> 

लेकिन मैं बूटस्ट्रैप सीएसएस में बनाया गया है, मैं नहीं इसे कहीं भी डॉक्स में पा सकते हैं, हो सकता है मैं इसे याद कर रहा हूँ उपयोग करना चाहते हैं।

Answer 1

एचटीएमएल में पहले से ही अंतर्निहित क्षैतिज विभाजक है जिसे <hr/> ("क्षैतिज नियम" के लिए छोटा) कहा जाता है। बूटस्ट्रैप शैलियों यह like this:

hr { 
    margin-top: 1rem; 
    margin-bottom: 1rem; 
    border: 0; 
    border-top: 1px solid rgba(0, 0, 0, 0.1); 
} 

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<p>Some text<hr/>More text<p>

Answer 2

ड्रॉपडाउन के लिए, हाँ:

https://v4-alpha.getbootstrap.com/components/dropdowns/

<div class="dropdown-menu"> 
    <a class="dropdown-item" href="#">Action</a> 
    <a class="dropdown-item" href="#">Another action</a> 
    <a class="dropdown-item" href="#">Something else here</a> 
    <div class="dropdown-divider"></div> 
    <a class="dropdown-item" href="#">Separated link</a> 
</div> 

Answer 3

बूटस्ट्रैप 4

<hr> अभी भी एक सामान्य विभक्त के लिए काम करता है। हालांकि, यदि आप बीच में पाठ के साथ एक विभक्त चाहते हैं:

<div class="row"> 
    <div class="col"><hr></div> 
    <div class="col-auto">OR</div> 
    <div class="col"><hr></div> 
</div>