Fatal编程技术网
  • javascript/
  • Javascript 为导航选项卡应用顶部边界的最佳方法

Javascript 为导航选项卡应用顶部边界的最佳方法

javascript html css twitter-bootstrap-3

Javascript 为导航选项卡应用顶部边界的最佳方法,javascript,html,css,twitter-bootstrap-3,Javascript,Html,Css,Twitter Bootstrap 3,我的asp.net mvc razor视图中包含以下内容：- <ul class="nav nav-tabs" id="myTab"> <li > //code goes here.. </li> .selectetaboarder是：- .selecteTabBoarder { border-top: 2px solid #4ba6db; border-top-left-radius: 4px; border-top-right-radius: 4p

我的asp.net mvc razor视图中包含以下内容：-

<ul class="nav nav-tabs" id="myTab">
<li >
//code goes here..
</li>
.selectetaboarder是：-

.selecteTabBoarder {

border-top: 2px  solid #4ba6db;
border-top-left-radius: 4px;

border-top-right-radius: 4px;
}
当前，boarder看起来超出了布局，因为左侧和右侧将位于tab boarder之外，如下所示（我进行了缩放）：-

有人能给我一些建议吗？
谢谢

尝试在元素上使用
框大小：边框框
。这在大多数情况下解决了这类问题。我假设每次单击其中一个
    • 元素时，您都希望在该元素上切换您的类，并将其从所有同级中删除，因此我鼓励您尝试使用jQuery的
    切换类（）
    。我想说，它要优雅得多

    这是一份关于你的情况的报告。我稍微修改了你的代码，但你可以理解要点！我希望这会有帮助

    编辑：最好确保这是应用于HTML的唯一CSS。也许是什么东西覆盖了你的规则，导致了这种奇怪的行为。

    这个问题的标题怎么了？？您是在问：“为导航标签应用顶部边界的最佳方法”还是“将字符串转换为具有三个精度级别的双精度”？现在它是这两个的变种…@timleix我修正了标题，，似乎这是一个未提交的老问题…你有任何背景应用到你的
  • ？还有其他CSS吗？里面有什么？

    .selecteTabBoarder {

border-top: 2px  solid #4ba6db;
border-top-left-radius: 4px;

border-top-right-radius: 4px;
}