Twitter bootstrap 为什么我的引导按钮没有';你看起来不太好吗?
我正在遵循以下概述的设置:Twitter bootstrap 为什么我的引导按钮没有';你看起来不太好吗?,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我正在遵循以下概述的设置: http://getbootstrap.com/getting-started/ 但是,我的按钮看起来不太好,下面是html: <div><button type="button" class="btn btn-lg btn-primary">Primary</button></div> <div><button type="button" class="btn btn-lg btn-suc
http://getbootstrap.com/getting-started/
但是,我的按钮看起来不太好,下面是html
:
<div><button type="button" class="btn btn-lg btn-primary">Primary</button></div>
<div><button type="button" class="btn btn-lg btn-success">Success</button></div>
<div><button type="button" class="btn btn-lg btn-info">Info</button></div>
<div><button type="button" class="btn btn-lg btn-warning">Warning</button></div>
<div><button type="button" class="btn btn-lg btn-danger">Danger</button></div>
我的只是看起来不那么光滑,我错过了什么?
谢谢。乍一看,我认为这与css有关,css构建中缺少了一些东西。尝试进入开发工具,查看您缺少的内容。您很可能缺少“bootstrap theme.min.css”文件-如果您告诉我们您是否遇到控制台错误,这将非常有用 如果没有为
标记设置任何类,它们将被解释为CSS块,这是它们的默认行为
为了获得内联结果,最好使用列lg-*
和*之间的数字(在引导3上),这将使它们成为内联元素
例如:
<div class="row">
<div class="col-lg-2"><button type="button" class="btn btn-lg btn-primary">Primary</button></div>
<div class="col-lg-2"><button type="button" class="btn btn-lg btn-success">Success</button></div>
<div class="col-lg-2"><button type="button" class="btn btn-lg btn-info">Info</button></div>
<div class="col-lg-2"><button type="button" class="btn btn-lg btn-warning">Warning</button></div>
<div class="col-lg-2"><button type="button" class="btn btn-lg btn-danger">Danger</button></div>
</div>
主要的,重要的
成功
信息
警告
危险
希望这对你有帮助 之后:
<title>your title</title>
你的头衔
你应该有“
现在只需放上这个,因为您缺少这个:
<!-- Bootstrap theme -->
<!-- Necessary for buttons to look good -->
<link href="../../dist/css/bootstrap-theme.min.css" rel="stylesheet">
什么浏览器?什么操作系统?你是否包含了单独的主题。css
?检查其中一个按钮,看看css中发生了什么。如果你不是在不受支持的浏览器中,你一定是在覆盖渐变(可能是边框)样式。哈,我知道这一点,尽管我的语法很“糟糕”“我就知道:))就是这样!非常感谢。我使用MVC,所以我进入BundleConfig.cs文件,将“~/Content/bootstrap theme.css”
添加到默认的bundles.Add(新样式包(“~/Content/css”)。包含行代码。我开始担心我们的用户不会点击我们的按钮,因为它们看起来不像按钮。
<!-- Bootstrap core CSS -->
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap theme -->
<!-- Necessary for buttons to look good -->
<link href="../../dist/css/bootstrap-theme.min.css" rel="stylesheet">