Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 将引导程序从3.3.4升级到4.0_Html_Css_Twitter Bootstrap 3_Bootstrap 4 - Fatal编程技术网

Html 将引导程序从3.3.4升级到4.0

Html 将引导程序从3.3.4升级到4.0,html,css,twitter-bootstrap-3,bootstrap-4,Html,Css,Twitter Bootstrap 3,Bootstrap 4,我以前的网站上有bootstrap3.3.4,自从我转到bootstrap4以后,一切都坏了 基本上,我网站的结构非常简单,一个包含一些jumbotrons和一些面板的容器 <body> <section class="container"> <div class="jumbotron vertical-center"> <div><img src="img/hello.jpg" style="

我以前的网站上有
bootstrap3.3.4
,自从我转到
bootstrap4
以后,一切都坏了

基本上,我网站的结构非常简单,一个包含一些
jumbotrons
和一些
面板的容器

<body>
    <section class="container">
        <div class="jumbotron vertical-center">
            <div><img src="img/hello.jpg" style="width: 35%" class="img-responsive" title="Hello" alt="World"></div>
            <h2>my website!!</h2>
            <div class="panel panel-default">
                <div class="panel-body">
                    <h4> stackoverflow </h4>

                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-body">
                    <h4><span class="glyphicon glyphicon-education" aria-hidden="true"></span><strong> This is reall cool! </h4>
                </div>
            </div>
在这里,我会有一套居中的响应的漂亮的块(带圆边),不会占据整个屏幕的宽度


我不知道如何使用
bootstrap4

来适应这一点,无论何时您使用任何软件从一个主要版本切换到另一个主要版本,您都应该期待突破性的更改

在引导的情况下,它不仅仅是破坏更改。这几乎是一个全新的库(事实上,它大部分都被完全重写了!)。就发展而言,可以把它想象成一个与旧图书馆模糊不清的不同图书馆

我能给你的最好建议是回到v3。如果您想利用充分开发的产品,请使用最新的v3。从开发时间和/或投资的角度来看,将功能性网站从Bootstrap v3升级到Bootstrap v4是有意义的,在现实生活中很少有这种情况

<>如果你真的决定这样做(也许出于教育目的或其他原因),考虑从头开始使用V4重建它。如果确实需要转换旧模板(HTML标记),请通过引导运行它们

但请记住,即使使用此工具或类似工具,考虑到架构、布局、JavaScript插件、表单元素方面的所有更改,从glyphicons切换到font awesome,从LESS切换到SASS,重命名变量,更改响应断点和任何自定义CSS(或任何v3主题/插件/插件)IMHO表示,目前可能用于覆盖默认设置,但您仍然有很多机会将其搞糟,如果您从头开始重建,您的境况会更好(并且有一个更好的最终产品)

从v3到v4的转变更有意义,因为“我以前使用v3开发网站,现在在新项目中使用v4”,而不是“我将网站从v3升级到v4”。
v3没有过时,并且在很长一段时间内不会过时
事实上,目前它比v4更适合于生产环境。在这方面,快速查看问题,将确认它(尚未)准备好生产。在广泛使用的设备上,基本功能仍然不完善或至少开发不足


在标记的特定情况下,这应该做到:


我的网站!!
堆栈溢出
这真是太酷了

为什么投票被否决?这是一个有趣的问题,有一个很好的答案。我也很想知道为什么人们投了反对票。从我的观点来看,从v3升级到v4的意图是正常的,尤其是当一个人对引导不太了解的时候。因此,这个问题有可能对未来的用户有用。我同意:)这真的很重要,正如你在其他地方的评论中所说,从v3到v4几乎没有意义,对于网站是什么、看起来像什么、运行良好,我将坚持使用v3。这篇文章写得很好,我可能会添加Andrei,而且内容非常丰富。@Funk,我可能会添加v4现在已经可以生产了。它仍然缺乏插件,但它得到了很大的发展,因为大多数现代框架(React、Angular)都集成了它和酷主题。新项目?去v4。将恐龙从v3切换到它?嗯…@AndreiGheorghiu是的,我肯定会在任何新项目上使用v4。哦,我喜欢恐龙。至少我知道对他们有什么期待,呵呵!;真好玩!“v3并没有过时,而且在很长的一段时间内都不会过时。”-嗯,这并没有很好地老化!:)Bootstrap v3在2019年7月被淘汰,不应该再使用。@Nick,我仍然会考虑升级到v4,这是一个在Bootstrap v3上制作的完全可用的网站。它并不是在2019年停止工作,人们可以说它是一个全面的产品。他们只是停止开发它。尽管如此,我还是删掉了那句话。它不再适用。
.container {
  max-width: 600px;
  background:white;
  padding: 30px 30px;
  text-align: center;
  background: transparent;
}

.jumbotron {
  background: white;
}