如何集中一个超大屏幕?

时间:2018-01-02 23:33:36

标签: html css twitter-bootstrap

如何将jumbotron置于页面中央? 我已使用EthereumJS TestRPC v6.0.3 (ganache-core: 2.0.2) /usr/local/lib/node_modules/ethereumjs-testrpc/build/cli.node.js:74143 var Module;if(!Module)Module=(typeof Module!=="undefined"?Module:null)||{};var moduleOverrides={};for(var key in Module){if(Module.hasOwnProperty(key)){moduleOverrides[key]=Module[key]}}var ENVIRONMENT_IS_WEB=false;var ENVIRONMENT_IS_WORKER=false;var ENVIRONMENT_IS_NODE=false;var ENVIRONMENT_IS_SHELL=false;if(Module["ENVIRONMENT"]){if(Module["ENVIRONMENT"]==="WEB"){ENVIRONMENT_IS_WEB=true}else if(Module["ENVIRONMENT"]==="WORKER"){ENVIRONMENT_IS_WORKER=true}else if(Module["ENVIRONMENT"]==="NODE"){ENVIRONMENT_IS_NODE=true}else if(Module["ENVIRONMENT"]==="SHELL"){ENVIRONMENT_IS_SHELL=true}else{throw new Error("The provided Module['ENVIRONMENT'] value is not valid. It must be one of: WEB|WORKER|NODE|SHELL.")}}else{ENVIRONMENT_IS_WEB=typeof window==="object";ENVIRONMENT_IS_WORKER=typeof importScripts==="function";ENVIRONMENT_IS_NODE=typeof process==="object"&&"function"==="function"&&!ENVIRONMENT_IS_WEB&&!ENVIRONMENT_IS_WORKER;ENVIRONMENT_IS_ Error: listen EADDRINUSE :::8545 at Object._errnoException (util.js:1024:11) at _exceptionWithHostPort (util.js:1046:20) at Server.setupListenHandle [as _listen2] (net.js:1351:14) at listenInCluster (net.js:1392:12) at Server.listen (net.js:1476:7) at Server.server.listen (/usr/local/lib/node_modules/ethereumjs-testrpc/build/cli.node.js:106030:17) at Object.<anonymous> (/usr/local/lib/node_modules/ethereumjs-testrpc/build/cli.node.js:50244:8) at __webpack_require__ (/usr/local/lib/node_modules/ethereumjs-testrpc/build/cli.node.js:21:30) at /usr/local/lib/node_modules/ethereumjs-testrpc/build/cli.node.js:64:18 at Object.<anonymous> (/usr/local/lib/node_modules/ethereumjs-testrpc/build/cli.node.js:67:10) 尝试col-lg-6

float-lg-center
.jumbotron {
  min-width: 585px;
  margin: 10px auto;
  display: flex;
  justify-content: center;
  margin: 10px 10px 10px 10px;
  border: 0.08em solid black;
}

h1 {
  font-size: 6em;
  color: #484949;
}

#socDesc {
  color: black;
}

body {
  min-width: 520px;
}

View on Codepen

2 个答案:

答案 0 :(得分:2)

尝试<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 offset-3 float-md-center">这对我有用,但由于以下因素offset-xs-3可能更合适: 由于某些原因,它并不在codepen中工作,但如果您想在所有屏幕尺寸上使用相同数量的列,则只能使用col-xs-6,并且它会将其应用于所有较大的屏幕尺寸。

答案 1 :(得分:2)

在课程中添加文本中心

<div class="jumbotron text-center">