Sveltestrap中如何设置TabPane标签页为两端对齐？

你之前给TabPane加nav-justified类没用，是因为这个类本来就该作用在标签页的导航容器上，不是单个标签面板。Sveltestrap的Tabs组件自带实现两端对齐的属性，不用自己加原生类。

直接给Tabs组件加上justified属性就行，它会自动给底层的导航容器添上nav-justified类，实现你要的两端对齐效果：

<script>
  import { Tabs, TabPane } from 'sveltestrap';
</script>

<Tabs justified>
  <TabPane tab="标签页1" active>
    标签页1的内容区域
  </TabPane>
  <TabPane tab="标签页2">
    标签页2的内容区域
  </TabPane>
  <TabPane tab="标签页3">
    标签页3的内容区域
  </TabPane>
</Tabs>

要是需要更个性化的布局，还可以给Tabs组件加自定义class，配合Bootstrap的导航类或者自己写CSS调整。

内容的提问来源于stack exchange，提问作者Malik