gpt4 book ai didi

css - 为什么 Bootstrap Jumbotron 不渲染?

转载 作者:太空宇宙 更新时间:2023-11-04 02:33:25 24 4
gpt4 key购买 nike

我正在使用 Jumbotron 示例中的代码:http://getbootstrap.com/components/#jumbotron .我的例子中的超大屏幕 Angular 没有圆 Angular ,文本也没有居中。我做错了什么?

<!DOCTYPE html>
<html>

<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
</head>

<body>
<div style="width:600px">
<header class="jumbotron">
<h1>My Famous Webpage</h1>
</header>
</div>
</body>

</html>

https://plnkr.co/edit/62cdPp29PtjfldEbGGra?p=preview

最佳答案

请试试这个:

将您的 div 放在类为容器的 div 中。

<div class="container">
<div style="width:600px">
<header class="jumbotron">
<h1>My Famous Webpage</h1>
</header>
</div>
</div>

关于css - 为什么 Bootstrap Jumbotron 不渲染?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36104287/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com