Html 使用引导网格设置,我的第二个元素被推到第一个元素之下
我是一个全新的开发人员,在一个小项目中工作,遇到了我的编码和Bootstrap3的网格系统的问题Html 使用引导网格设置,我的第二个元素被推到第一个元素之下,html,css,twitter-bootstrap,grid,Html,Css,Twitter Bootstrap,Grid,我是一个全新的开发人员,在一个小项目中工作,遇到了我的编码和Bootstrap3的网格系统的问题 <body id="padding" background="images/bgimage.jpg" style="max-width:200px "> <!--Header----> <div class="container-fluid"> <div class="navbar nav
<body id="padding" background="images/bgimage.jpg" style="max-width:200px ">
<!--Header---->
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top navbar-inner pull-left" id="header">
<div class="container">
<div class="container pull-left">
</div>
<a href="#" class="navbar-brand pull-left">dedication.gg</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Blog</a></li>
<li><a href="#">Build orders</a></li>
<li><a href="#">Learning Resources</a></li>
<li> <a href="#" class="glyphicon glyphicon-envelope white align:center"></a></li>
</ul>
</div>
</div>
</div>
<!--End of Header---->
<!--Twitch Video Source --->
<div class="row-fluid" id="center">
<div class="col-lg-pull-6">
<div class="container">
<object type="application/x-shockwave-flash" height="600" width="984" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon" bgcolor="#000000">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf">
<param name="flashvars" value="hostname=www.twitch.tv&channel=twitchplayspokemon&auto_play=true&start_volume=25">
</object>
<a href="http://www.twitch.tv/twitchplayspokemon" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;">Watch live video from TwitchPlaysPokemon on www.twitch.tv</a>
</div>
</div>
<!--End of Twitch Video Source --- Start of Twitch Chat Box--->
<div class="col-sm-pull-6" id="center-chatbox>
<div class=" container"="" "="">
<iframe frameborder="2" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchplayspokemon&popout_chat=true" height="600" width="350"></iframe>
</div>
<!--End of Twitch Chat Box--->
</div>
</div>
<p id="footer-text"> Want a image or video taken down? Contact me through <a href="dedicationsc2@outlook.com">dedicationsc2@outlook.com </a></p>
</body></html>
这就是网站的显示方式。如果你看,你会看到聊天框被推到视频播放器下面。我想把聊天室放在视频播放器旁边
<body id="padding" background="images/bgimage.jpg" style="max-width:200px ">
<!--Header---->
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top navbar-inner pull-left" id="header">
<div class="container">
<div class="container pull-left">
</div>
<a href="#" class="navbar-brand pull-left">dedication.gg</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Blog</a></li>
<li><a href="#">Build orders</a></li>
<li><a href="#">Learning Resources</a></li>
<li> <a href="#" class="glyphicon glyphicon-envelope white align:center"></a></li>
</ul>
</div>
</div>
</div>
<!--End of Header---->
<!--Twitch Video Source --->
<div class="row-fluid" id="center">
<div class="col-lg-pull-6">
<div class="container">
<object type="application/x-shockwave-flash" height="600" width="984" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon" bgcolor="#000000">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf">
<param name="flashvars" value="hostname=www.twitch.tv&channel=twitchplayspokemon&auto_play=true&start_volume=25">
</object>
<a href="http://www.twitch.tv/twitchplayspokemon" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;">Watch live video from TwitchPlaysPokemon on www.twitch.tv</a>
</div>
</div>
<!--End of Twitch Video Source --- Start of Twitch Chat Box--->
<div class="col-sm-pull-6" id="center-chatbox>
<div class=" container"="" "="">
<iframe frameborder="2" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchplayspokemon&popout_chat=true" height="600" width="350"></iframe>
</div>
<!--End of Twitch Chat Box--->
</div>
</div>
<p id="footer-text"> Want a image or video taken down? Contact me through <a href="dedicationsc2@outlook.com">dedicationsc2@outlook.com </a></p>
</body></html>
<body id="padding" background="images/bgimage.jpg" style="max-width:200px ">
<!--Header---->
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top navbar-inner pull-left" id="header">
<div class="container">
<div class="container pull-left">
</div>
<a href="#" class="navbar-brand pull-left">dedication.gg</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Blog</a></li>
<li><a href="#">Build orders</a></li>
<li><a href="#">Learning Resources</a></li>
<li> <a href="#" class="glyphicon glyphicon-envelope white align:center"></a></li>
</ul>
</div>
</div>
</div>
<!--End of Header---->
<!--Twitch Video Source --->
<div class="row-fluid" id="center">
<div class="col-lg-pull-6">
<div class="container">
<object type="application/x-shockwave-flash" height="600" width="984" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon" bgcolor="#000000">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf">
<param name="flashvars" value="hostname=www.twitch.tv&channel=twitchplayspokemon&auto_play=true&start_volume=25">
</object>
<a href="http://www.twitch.tv/twitchplayspokemon" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;">Watch live video from TwitchPlaysPokemon on www.twitch.tv</a>
</div>
</div>
<!--End of Twitch Video Source --- Start of Twitch Chat Box--->
<div class="col-sm-pull-6" id="center-chatbox>
<div class=" container"="" "="">
<iframe frameborder="2" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchplayspokemon&popout_chat=true" height="600" width="350"></iframe>
</div>
<!--End of Twitch Chat Box--->
</div>
</div>
<p id="footer-text"> Want a image or video taken down? Contact me through <a href="dedicationsc2@outlook.com">dedicationsc2@outlook.com </a></p>
</body></html>
这是我的HTML和CSS。我知道这很乱。我明天会把它弄干净的
<body id="padding" background="images/bgimage.jpg" style="max-width:200px ">
<!--Header---->
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top navbar-inner pull-left" id="header">
<div class="container">
<div class="container pull-left">
</div>
<a href="#" class="navbar-brand pull-left">dedication.gg</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Blog</a></li>
<li><a href="#">Build orders</a></li>
<li><a href="#">Learning Resources</a></li>
<li> <a href="#" class="glyphicon glyphicon-envelope white align:center"></a></li>
</ul>
</div>
</div>
</div>
<!--End of Header---->
<!--Twitch Video Source --->
<div class="row-fluid" id="center">
<div class="col-lg-pull-6">
<div class="container">
<object type="application/x-shockwave-flash" height="600" width="984" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon" bgcolor="#000000">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf">
<param name="flashvars" value="hostname=www.twitch.tv&channel=twitchplayspokemon&auto_play=true&start_volume=25">
</object>
<a href="http://www.twitch.tv/twitchplayspokemon" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;">Watch live video from TwitchPlaysPokemon on www.twitch.tv</a>
</div>
</div>
<!--End of Twitch Video Source --- Start of Twitch Chat Box--->
<div class="col-sm-pull-6" id="center-chatbox>
<div class=" container"="" "="">
<iframe frameborder="2" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchplayspokemon&popout_chat=true" height="600" width="350"></iframe>
</div>
<!--End of Twitch Chat Box--->
</div>
</div>
<p id="footer-text"> Want a image or video taken down? Contact me through <a href="dedicationsc2@outlook.com">dedicationsc2@outlook.com </a></p>
</body></html>
奉献之家
}
}
<body id="padding" background="images/bgimage.jpg" style="max-width:200px ">
<!--Header---->
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top navbar-inner pull-left" id="header">
<div class="container">
<div class="container pull-left">
</div>
<a href="#" class="navbar-brand pull-left">dedication.gg</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Blog</a></li>
<li><a href="#">Build orders</a></li>
<li><a href="#">Learning Resources</a></li>
<li> <a href="#" class="glyphicon glyphicon-envelope white align:center"></a></li>
</ul>
</div>
</div>
</div>
<!--End of Header---->
<!--Twitch Video Source --->
<div class="row-fluid" id="center">
<div class="col-lg-pull-6">
<div class="container">
<object type="application/x-shockwave-flash" height="600" width="984" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon" bgcolor="#000000">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf">
<param name="flashvars" value="hostname=www.twitch.tv&channel=twitchplayspokemon&auto_play=true&start_volume=25">
</object>
<a href="http://www.twitch.tv/twitchplayspokemon" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;">Watch live video from TwitchPlaysPokemon on www.twitch.tv</a>
</div>
</div>
<!--End of Twitch Video Source --- Start of Twitch Chat Box--->
<div class="col-sm-pull-6" id="center-chatbox>
<div class=" container"="" "="">
<iframe frameborder="2" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchplayspokemon&popout_chat=true" height="600" width="350"></iframe>
</div>
<!--End of Twitch Chat Box--->
</div>
</div>
<p id="footer-text"> Want a image or video taken down? Contact me through <a href="dedicationsc2@outlook.com">dedicationsc2@outlook.com </a></p>
</body></html>
我已经用过你的密码了现在没问题了
<body id="padding" background="images/bgimage.jpg" style="max-width:200px ">
<!--Header---->
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top navbar-inner pull-left" id="header">
<div class="container">
<div class="container pull-left">
</div>
<a href="#" class="navbar-brand pull-left">dedication.gg</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Blog</a></li>
<li><a href="#">Build orders</a></li>
<li><a href="#">Learning Resources</a></li>
<li> <a href="#" class="glyphicon glyphicon-envelope white align:center"></a></li>
</ul>
</div>
</div>
</div>
<!--End of Header---->
<!--Twitch Video Source --->
<div class="row-fluid" id="center">
<div class="col-lg-pull-6">
<div class="container">
<object type="application/x-shockwave-flash" height="600" width="984" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon" bgcolor="#000000">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf">
<param name="flashvars" value="hostname=www.twitch.tv&channel=twitchplayspokemon&auto_play=true&start_volume=25">
</object>
<a href="http://www.twitch.tv/twitchplayspokemon" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;">Watch live video from TwitchPlaysPokemon on www.twitch.tv</a>
</div>
</div>
<!--End of Twitch Video Source --- Start of Twitch Chat Box--->
<div class="col-sm-pull-6" id="center-chatbox>
<div class=" container"="" "="">
<iframe frameborder="2" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchplayspokemon&popout_chat=true" height="600" width="350"></iframe>
</div>
<!--End of Twitch Chat Box--->
</div>
</div>
<p id="footer-text"> Want a image or video taken down? Contact me through <a href="dedicationsc2@outlook.com">dedicationsc2@outlook.com </a></p>
</body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
<title>Dedication.gg - Home</title>
<link rel="stylesheet" type="text/css" href=".\Style\style.css">
<link rel="stylesheet" type="text/css" href=".\css\bootstrap.min.css">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<meta name="viewport" content="text/html; charset=iso-8859-1" <meta="" http-equiv="content-type">
</head>
<body>
<div class="col-md-8" style="float:left; width:600px; margin-right:20px;"><object type="application/x-shockwave-flash" height="600" width="600" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon" bgcolor="#000000">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf">
<param name="flashvars" value="hostname=www.twitch.tv&channel=twitchplayspokemon&auto_play=true&start_volume=25">
</object>
<a href="http://www.twitch.tv/twitchplayspokemon" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;">Watch live video from TwitchPlaysPokemon on www.twitch.tv</a></div>
<div class="col-md-4"><iframe frameborder="2" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchplayspokemon&popout_chat=true" height="600" width="350"></iframe></div>
</body></html>
奉献之家
嵌套容器太多。您需要删除所有,但外部的
<body id="padding" background="images/bgimage.jpg" style="max-width:200px ">
<!--Header---->
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top navbar-inner pull-left" id="header">
<div class="container">
<div class="container pull-left">
</div>
<a href="#" class="navbar-brand pull-left">dedication.gg</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Blog</a></li>
<li><a href="#">Build orders</a></li>
<li><a href="#">Learning Resources</a></li>
<li> <a href="#" class="glyphicon glyphicon-envelope white align:center"></a></li>
</ul>
</div>
</div>
</div>
<!--End of Header---->
<!--Twitch Video Source --->
<div class="row-fluid" id="center">
<div class="col-lg-pull-6">
<div class="container">
<object type="application/x-shockwave-flash" height="600" width="984" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon" bgcolor="#000000">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf">
<param name="flashvars" value="hostname=www.twitch.tv&channel=twitchplayspokemon&auto_play=true&start_volume=25">
</object>
<a href="http://www.twitch.tv/twitchplayspokemon" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;">Watch live video from TwitchPlaysPokemon on www.twitch.tv</a>
</div>
</div>
<!--End of Twitch Video Source --- Start of Twitch Chat Box--->
<div class="col-sm-pull-6" id="center-chatbox>
<div class=" container"="" "="">
<iframe frameborder="2" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchplayspokemon&popout_chat=true" height="600" width="350"></iframe>
</div>
<!--End of Twitch Chat Box--->
</div>
</div>
<p id="footer-text"> Want a image or video taken down? Contact me through <a href="dedicationsc2@outlook.com">dedicationsc2@outlook.com </a></p>
</body></html>
你的twitch聊天框中有一些奇怪的东西,上面有双引号
<body id="padding" background="images/bgimage.jpg" style="max-width:200px ">
<!--Header---->
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top navbar-inner pull-left" id="header">
<div class="container">
<div class="container pull-left">
</div>
<a href="#" class="navbar-brand pull-left">dedication.gg</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Blog</a></li>
<li><a href="#">Build orders</a></li>
<li><a href="#">Learning Resources</a></li>
<li> <a href="#" class="glyphicon glyphicon-envelope white align:center"></a></li>
</ul>
</div>
</div>
</div>
<!--End of Header---->
<!--Twitch Video Source --->
<div class="row-fluid" id="center">
<div class="col-lg-pull-6">
<div class="container">
<object type="application/x-shockwave-flash" height="600" width="984" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon" bgcolor="#000000">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf">
<param name="flashvars" value="hostname=www.twitch.tv&channel=twitchplayspokemon&auto_play=true&start_volume=25">
</object>
<a href="http://www.twitch.tv/twitchplayspokemon" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;">Watch live video from TwitchPlaysPokemon on www.twitch.tv</a>
</div>
</div>
<!--End of Twitch Video Source --- Start of Twitch Chat Box--->
<div class="col-sm-pull-6" id="center-chatbox>
<div class=" container"="" "="">
<iframe frameborder="2" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchplayspokemon&popout_chat=true" height="600" width="350"></iframe>
</div>
<!--End of Twitch Chat Box--->
</div>
</div>
<p id="footer-text"> Want a image or video taken down? Contact me through <a href="dedicationsc2@outlook.com">dedicationsc2@outlook.com </a></p>
</body></html>
您的列lg
和列sm
不匹配。它们必须是一样的
<body id="padding" background="images/bgimage.jpg" style="max-width:200px ">
<!--Header---->
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top navbar-inner pull-left" id="header">
<div class="container">
<div class="container pull-left">
</div>
<a href="#" class="navbar-brand pull-left">dedication.gg</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Blog</a></li>
<li><a href="#">Build orders</a></li>
<li><a href="#">Learning Resources</a></li>
<li> <a href="#" class="glyphicon glyphicon-envelope white align:center"></a></li>
</ul>
</div>
</div>
</div>
<!--End of Header---->
<!--Twitch Video Source --->
<div class="row-fluid" id="center">
<div class="col-lg-pull-6">
<div class="container">
<object type="application/x-shockwave-flash" height="600" width="984" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon" bgcolor="#000000">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf">
<param name="flashvars" value="hostname=www.twitch.tv&channel=twitchplayspokemon&auto_play=true&start_volume=25">
</object>
<a href="http://www.twitch.tv/twitchplayspokemon" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;">Watch live video from TwitchPlaysPokemon on www.twitch.tv</a>
</div>
</div>
<!--End of Twitch Video Source --- Start of Twitch Chat Box--->
<div class="col-sm-pull-6" id="center-chatbox>
<div class=" container"="" "="">
<iframe frameborder="2" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchplayspokemon&popout_chat=true" height="600" width="350"></iframe>
</div>
<!--End of Twitch Chat Box--->
</div>
</div>
<p id="footer-text"> Want a image or video taken down? Contact me through <a href="dedicationsc2@outlook.com">dedicationsc2@outlook.com </a></p>
</body></html>
您的glyphiconalign:center
将不起作用
<body id="padding" background="images/bgimage.jpg" style="max-width:200px ">
<!--Header---->
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top navbar-inner pull-left" id="header">
<div class="container">
<div class="container pull-left">
</div>
<a href="#" class="navbar-brand pull-left">dedication.gg</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Blog</a></li>
<li><a href="#">Build orders</a></li>
<li><a href="#">Learning Resources</a></li>
<li> <a href="#" class="glyphicon glyphicon-envelope white align:center"></a></li>
</ul>
</div>
</div>
</div>
<!--End of Header---->
<!--Twitch Video Source --->
<div class="row-fluid" id="center">
<div class="col-lg-pull-6">
<div class="container">
<object type="application/x-shockwave-flash" height="600" width="984" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon" bgcolor="#000000">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf">
<param name="flashvars" value="hostname=www.twitch.tv&channel=twitchplayspokemon&auto_play=true&start_volume=25">
</object>
<a href="http://www.twitch.tv/twitchplayspokemon" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;">Watch live video from TwitchPlaysPokemon on www.twitch.tv</a>
</div>
</div>
<!--End of Twitch Video Source --- Start of Twitch Chat Box--->
<div class="col-sm-pull-6" id="center-chatbox>
<div class=" container"="" "="">
<iframe frameborder="2" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchplayspokemon&popout_chat=true" height="600" width="350"></iframe>
</div>
<!--End of Twitch Chat Box--->
</div>
</div>
<p id="footer-text"> Want a image or video taken down? Contact me through <a href="dedicationsc2@outlook.com">dedicationsc2@outlook.com </a></p>
</body></html>
html标记还有许多其他问题。您应该通过验证器()运行它
<body id="padding" background="images/bgimage.jpg" style="max-width:200px ">
<!--Header---->
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top navbar-inner pull-left" id="header">
<div class="container">
<div class="container pull-left">
</div>
<a href="#" class="navbar-brand pull-left">dedication.gg</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Blog</a></li>
<li><a href="#">Build orders</a></li>
<li><a href="#">Learning Resources</a></li>
<li> <a href="#" class="glyphicon glyphicon-envelope white align:center"></a></li>
</ul>
</div>
</div>
</div>
<!--End of Header---->
<!--Twitch Video Source --->
<div class="row-fluid" id="center">
<div class="col-lg-pull-6">
<div class="container">
<object type="application/x-shockwave-flash" height="600" width="984" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon" bgcolor="#000000">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf">
<param name="flashvars" value="hostname=www.twitch.tv&channel=twitchplayspokemon&auto_play=true&start_volume=25">
</object>
<a href="http://www.twitch.tv/twitchplayspokemon" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;">Watch live video from TwitchPlaysPokemon on www.twitch.tv</a>
</div>
</div>
<!--End of Twitch Video Source --- Start of Twitch Chat Box--->
<div class="col-sm-pull-6" id="center-chatbox>
<div class=" container"="" "="">
<iframe frameborder="2" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchplayspokemon&popout_chat=true" height="600" width="350"></iframe>
</div>
<!--End of Twitch Chat Box--->
</div>
</div>
<p id="footer-text"> Want a image or video taken down? Contact me through <a href="dedicationsc2@outlook.com">dedicationsc2@outlook.com </a></p>
</body></html>
试试这个
<body id="padding" background="images/bgimage.jpg" style="max-width:200px ">
<!--Header---->
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top navbar-inner pull-left" id="header">
<div class="container">
<div class="container pull-left">
</div>
<a href="#" class="navbar-brand pull-left">dedication.gg</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Blog</a></li>
<li><a href="#">Build orders</a></li>
<li><a href="#">Learning Resources</a></li>
<li> <a href="#" class="glyphicon glyphicon-envelope white align:center"></a></li>
</ul>
</div>
</div>
</div>
<!--End of Header---->
<!--Twitch Video Source --->
<div class="row-fluid" id="center">
<div class="col-lg-pull-6">
<div class="container">
<object type="application/x-shockwave-flash" height="600" width="984" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon" bgcolor="#000000">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf">
<param name="flashvars" value="hostname=www.twitch.tv&channel=twitchplayspokemon&auto_play=true&start_volume=25">
</object>
<a href="http://www.twitch.tv/twitchplayspokemon" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;">Watch live video from TwitchPlaysPokemon on www.twitch.tv</a>
</div>
</div>
<!--End of Twitch Video Source --- Start of Twitch Chat Box--->
<div class="col-sm-pull-6" id="center-chatbox>
<div class=" container"="" "="">
<iframe frameborder="2" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchplayspokemon&popout_chat=true" height="600" width="350"></iframe>
</div>
<!--End of Twitch Chat Box--->
</div>
</div>
<p id="footer-text"> Want a image or video taken down? Contact me through <a href="dedicationsc2@outlook.com">dedicationsc2@outlook.com </a></p>
</body></html>
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top navbar-inner pull-left" id="header">
<a href="#" class="navbar-brand pull-left">dedication.gg</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Blog</a></li>
<li><a href="#">Build orders</a></li>
<li><a href="#">Learning Resources</a></li>
<li> <a href="#" class="glyphicon glyphicon-envelope white"></a></li>
</ul>
</div>
</div>
<!--End of Header-->
<!--Twitch Video Source -->
<div class="row" id="center">
<div class="col-md-8">
<object type="application/x-shockwave-flash" height="600" width="984" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon" bgcolor="#000000">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf">
<param name="flashvars" value="hostname=www.twitch.tv&channel=twitchplayspokemon&auto_play=true&start_volume=25">
</object>
<a href="http://www.twitch.tv/twitchplayspokemon" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;">Watch live video from TwitchPlaysPokemon on www.twitch.tv</a>
</div>
</div>
<!-- End of Twitch Video Source --- Start of Twitch Chat Box -->
<div class="col-md-4" id="center-chatbox">
<iframe frameborder="2" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchplayspokemon&popout_chat=true" height="600" width="350"></iframe>
</div>
<!--End of Twitch Chat Box -->
</div>
</div>
希望这能奏效
<body id="padding" background="images/bgimage.jpg" style="max-width:200px ">
<!--Header---->
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top navbar-inner pull-left" id="header">
<div class="container">
<div class="container pull-left">
</div>
<a href="#" class="navbar-brand pull-left">dedication.gg</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Blog</a></li>
<li><a href="#">Build orders</a></li>
<li><a href="#">Learning Resources</a></li>
<li> <a href="#" class="glyphicon glyphicon-envelope white align:center"></a></li>
</ul>
</div>
</div>
</div>
<!--End of Header---->
<!--Twitch Video Source --->
<div class="row-fluid" id="center">
<div class="col-lg-pull-6">
<div class="container">
<object type="application/x-shockwave-flash" height="600" width="984" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon" bgcolor="#000000">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf">
<param name="flashvars" value="hostname=www.twitch.tv&channel=twitchplayspokemon&auto_play=true&start_volume=25">
</object>
<a href="http://www.twitch.tv/twitchplayspokemon" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;">Watch live video from TwitchPlaysPokemon on www.twitch.tv</a>
</div>
</div>
<!--End of Twitch Video Source --- Start of Twitch Chat Box--->
<div class="col-sm-pull-6" id="center-chatbox>
<div class=" container"="" "="">
<iframe frameborder="2" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchplayspokemon&popout_chat=true" height="600" width="350"></iframe>
</div>
<!--End of Twitch Chat Box--->
</div>
</div>
<p id="footer-text"> Want a image or video taken down? Contact me through <a href="dedicationsc2@outlook.com">dedicationsc2@outlook.com </a></p>
</body></html>
<!--Header---->
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top navbar-inner pull-left" id="header">
<div class="container">
<div class="container pull-left">
</div>
<a href="#" class="navbar-brand pull-left">dedication.gg</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Blog</a></li>
<li><a href="#">Build orders</a></li>
<li><a href="#">Learning Resources</a></li>
<li> <a href="#" class="glyphicon glyphicon-envelope white align:center"></a></li>
</ul>
</div>
</div>
</div>
<!--End of Header---->
<!--Twitch Video Source --->
<div class="row" id="center">
<div class="container">
<div class="col-md-6">
<object type="application/x-shockwave-flash" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon" bgcolor="#000000" height="600" width="500">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf">
<param name="flashvars" value="hostname=www.twitch.tv&channel=twitchplayspokemon&auto_play=true&start_volume=25">
</object>
<a href="http://www.twitch.tv/twitchplayspokemon" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;">Watch live video from TwitchPlaysPokemon on www.twitch.tv</a>
</div>
<!--End of Twitch Video Source --- Start of Twitch Chat Box--->
<div class="col-md-6" id="center-chatbox">
<iframe id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchplayspokemon&popout_chat=true" frameborder="2" height="600" scrolling="no" width="350"></iframe>
</div>
</div>
<!--End of Twitch Chat Box--->
</div>
</div>
<p id="footer-text"> Want a image or video taken down? Contact me through <a href="dedicationsc2@outlook.com">dedicationsc2@outlook.com </a></p>
如果你看一下我的编码,这已经完成了。这种情况仍在发生。你能共享live网站链接吗?我还没有live服务器或域。你的html中有很多错误,你使用了许多嵌套的容器,先删除它们,而不是外部容器。容器只是使我的网站随着分辨率扩展,然后最终变成移动格式。我会到处乱搞,换容器,把它们移走等等。谢谢你的建议这改变了很多。。最坏的情况。聊天框现在不见了,标题乱七八糟。我认为#center{margin left:0px;right:90px;}#center chatbox{right:700px;}
是问题的根源,在尝试解决方案后,请删除right属性并尝试使用col lg offset-*很遗憾。它没有解决这个问题。
您的语法错误。我已经解决了这个问题,可能是我尝试过的少数验证程序之一对其进行了奇怪的更改。然而,这个问题仍然没有改变。是你的css把事情搞砸了。你能粘贴一个小提琴链接吗?