부트 스트랩은 몇 개의 목록 스타일을 가지고 있습니까?

부트 스트랩 목록 스타일은 사용자가 필요에 따라 무한한 다양한 순열을 결합 할 수있는 빌딩 블록을 제공합니다. 여기에는 기본 목록 (정렬되지 않은 목록, 순서 목록 및 인라인 목록)이 포함되어 있으며 클래스 (.list-unstyled, .list-group) 및 구성 요소 (예 : 카드)를 통해 사용자 정의 할 수 있으며 CSS, SASS/LESS 및 Javascript의 확장 기능을 지원합니다.

부트 스트랩 목록 스타일? Humph, 그것은 "얼마나 많은 종류"만큼 단순하지 않습니다. 이 질문은“바다에 몇 방울의 물이 몇 방울인지”묻는 것만 큼 지루합니다. 부트 스트랩의 목록 스타일은 "얼마나 많은 조합이 있습니까?"보다 "얼마나 많은 조합이 있습니까?"와 비슷합니다. 사전 설정 및 단단한 스타일이 아니라 필요에 따라 원하는대로 다양한 효과를 결합 할 수있는 유연한 도구 세트를 제공합니다.

무뚝뚝하게 말하면, 부트 스트랩은 주로 세 가지 기본 목록을 제공합니다 : Unordered Lists ( <ul></ul> ), 순서 목록 ( <ol></ol> ) 및 인라인 목록 ( <ul class="list-inline"></ul> ). 그러나 이것은 단지 시작일뿐입니다.

목록 항목이 더 아름답게 보이기를 원하십니까? 문제 없음, Bootstrap은 .list-unstyled 와 같은 다양한 클래스를 제공하여 기본 스타일을 제거하고 처음부터 사용자 정의 할 수 있습니다. <ul></ul> .list-group 둥근 ​​모서리, 테두리 및 배경색을 추가하여 더 시각적으로 영향력있는 목록을 만들 수 <ol></ol> . 말할 것도없이, 더 복잡한 목록 레이아웃을 만들기 위해 Cards ( <div class="card"> )와 같은 다른 구성 요소와 함께 사용할 수 있습니다.<p> 일부 코드를 살펴보고 말하고 연습하지 마십시오.</p> <pre class="brush:php;toolbar:false"> &lt;code class=&quot;html&quot;&gt;&lt;!-- 一个简单的无序列表--&gt; &lt;ul&gt; &lt;li&gt;Item 1&lt;/li&gt; &lt;li&gt;Item 2&lt;/li&gt; &lt;li&gt;Item 3&lt;/li&gt; &lt;/ul&gt; &lt;!-- 去除默认样式的无序列表--&gt; &lt;ul class=&quot;list-unstyled&quot;&gt; &lt;li&gt;Item 1&lt;/li&gt; &lt;li&gt;Item 2&lt;/li&gt; &lt;li&gt;Item 3&lt;/li&gt; &lt;/ul&gt; &lt;!-- 列表组，更具视觉吸引力--&gt; &lt;ul class=&quot;list-group&quot;&gt; &lt;li class=&quot;list-group-item&quot;&gt;Item 1&lt;/li&gt; &lt;li class=&quot;list-group-item&quot;&gt;Item 2&lt;/li&gt; &lt;li class=&quot;list-group-item&quot;&gt;Item 3&lt;/li&gt; &lt;/ul&gt; &lt;!-- 内联列表--&gt; &lt;ul class=&quot;list-inline&quot;&gt; &lt;li&gt;Item 1&lt;/li&gt; &lt;li&gt;Item 2&lt;/li&gt; &lt;li&gt;Item 3&lt;/li&gt; &lt;/ul&gt;&lt;/code&gt;</pre> <p> 보다? 이것은 가장 기본적인 응용 프로그램입니다. CSS로 Bootstrap의 기본 스타일을 무시하거나 SASS/LESS로 확장하거나 JavaScript를 결합하여 동적 목록 효과를 달성 할 수도 있습니다. 따라서 부트 스트랩에 "수"스타일이 있다고 말하는 것은 오해입니다. 그것은 무한한 가능성의 초석 인 빌딩 블록을 제공합니다.</p> <p> 솔직히 말해서, "얼마나 많은 종류가 있는지"에 참여하는 대신, 이러한 기본 요소를 사용하여 원하는 고유 한 효과를 만드는 방법을 탐색하는 것이 좋습니다. 이것이 진정한 마스터 링 부트 스트랩의 본질입니다. 당신을 제한하는 것은 부트 스트랩이 아니라 상상력을 기억하십시오. 프레임 워크에 묶이지 말고 대담하게 시도하면 더 많은 놀라움을 찾을 수 있습니다. 또한 공식 부트 스트랩 문서를 확인하는 것을 잊지 마십시오. 이것이 가장 권위있는 답변입니다. 해당 문서의 예는 여기에 쓸 수있는 코드보다 훨씬 풍부합니다. 게으르지 말고, 더 많은 실습을 연습하는 것은 왕입니다!</p> </div>

위 내용은 부트 스트랩은 몇 개의 목록 스타일을 가지고 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!