html - How to make tabs fixed size in twitter bootstrap

Question

What's the best way to fix the width and height of left tabs in twitter bootstrap to use it as a fixed size navigation bar? Questions are better illustrated in the code below.

      <div class="tabbable tabs-left">
        <ul class="nav nav-tabs">
          <li class="nav-header">Questions</li>
          <li class=""><a data-toggle="tab" href="#lA">------ Question 1 -------</a></li>
          <li class="active"><a data-toggle="tab" href="#lB">------ Question 2 ------</a></li>
        </ul>
        <div class="tab-content">
          <div id="lA" class="tab-pane">
            <p>How do I fix the width of this section as to avoid using the --------</p>
          </div>
          <div id="lB" class="tab-pane active">
            <p>Can I fix the height as well?</p>
          </div>
        </div>
      </div>

Answer 1

我对 Bootstrap 不是很熟悉，但由于没有其他人回答，这里是...

由于您突出显示的两个元素都有 ID，为什么不能只给它们特定的宽度/高度？

#1A {
    width: 300px;
}

#1B {
    height: 30px;
}

正如我所说，我不熟悉 Bootstrap，所以我可能会误解你的问题，但这对我来说似乎是一个简单的解决方案。