많은 텍스트가 있으면 내 탭이 잘 작동합니다. 간단한 탭 메뉴를 만드는 방법
하지만 텍스트가 축소되면 바로 탭이 작아집니다. 어떤 설정이이 문제의 원인 일 수 있습니까?
저는 부트 스트랩만으로도 잘 작동한다는 것을 알고 있습니다. 내 탭을 엉망으로 만드는 설정이 있다고 생각합니다. 내 맞춤 CSS에서 무엇을 찾고 있어야합니까? 이것은 내 CSS입니다 : https://ufile.io/ve4xc
HTML :
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<div role="tabpanel">
<div class="col-sm-3">
<ul class="nav nav-pills brand-pills nav-stacked" role="tablist">
<li role="presentation" class="brand-nav active"><a href="#app" aria-controls="app" role="tab" data-toggle="tab">Application</a></li>
<li role="presentation" class="brand-nav"><a href="#gitlab" aria-controls="gitlab" role="tab" data-toggle="tab">GitLab</a></li>
<li role="presentation" class="brand-nav"><a href="#docker" aria-controls="docker" role="tab" data-toggle="tab">Docker</a></li>
</ul>
</div>
<div class="col-sm-9">
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="app">
<p>
Lo
</p>
</div>
<div role="tabpanel" class="tab-pane" id="gitlab">
</div>
<div role="tabpanel" class="tab-pane" id="docker">
<p>
Lorem ipsizzle dolor away amizzle, consectetuer pizzle elizzle. Nullizzle yo velizzle, check it out volutpizzle, quis, gravida vel, yo.
Ma nizzle eget tortor. Sizzle eros. My shizz izzle dolizzle gizzle turpis tempizzle fo shizzle mah nizzle fo rizzle, mah home g-dizzle.
Maurizzle pellentesque nibh izzle own yo'. Check it out in tortor. Pellentesque fizzle rhoncizzle nisi.
</p>
<p>
In hac habitasse platea dictumst. Shizzlin dizzle dapibus. You son of a bizzle tellizzle urna, pretizzle fo shizzle mah nizzle fo rizzle, mah home g-dizzle,
ghetto ac, check it out vitae, nunc. Shizzlin dizzle suscipizzle. Integizzle sempizzle velit sizzle dizzle.
</p>
</div>
<div role="tabpanel" class="tab-pane" id="tab4">
<p>
Collaboratively administrate empowered markets via plug-and-play networks.
Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without
revolutionary ROI.
</p>
<p>
Efficiently unleash cross-media information without cross-media value.
Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar
solutions without functional solutions.
</p>
<p>
Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate
one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service
for state of the art customer service.
</p>
</div>
</div>
부트 스트랩의 격자 레이아웃을 이해하려고하면 일부 요소가 누락됩니다. – moped
내 맞춤 CSS없이 작동합니다. 그래서 그것은 내 CSS 다. 그것 없이는 모든 것이 잘 작동하지만 어떤 설정이 이것을 일으키는 지 알지 못합니다. 다음을 확인하십시오. https://bootsnipp.com/snippets/3kerp – asdasd
CSS를 다운로드 하시겠습니까? 그냥 여기에 게시 – Maharkus