Question

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

<div class="row">
 <div class="col-sm-2">
  <span class="badge badge-info badge-pill">2</span>
 </div>
 <div class="col-sm-10">
  <p>short text to write.</p>
 </div>
</div>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

此代码运行方式错误，因为不要以2:10的比例创建一行包含两列的行，但是第二列会下降。我可以补充一点，当我填入内容本身包含100％宽度的第二列时-一切都很好。

Answer 1

您需要一个容器（private void InstallNamedInstance() { // NOTE: Change below instance name to get unique instances (or uninstall previous instance) var InstanceName = "TFPICDATABASES2"; var proc = new Process(); // NOTE: // 1. Download "SQLServer2016-SSEI-Expr.exe" web installer from https://www.microsoft.com/en-us/download/details.aspx?id=54284 // 2. Run the web installer and choose 3rd option "Download Media". This will give "SQLEXPR_x64_ENU.exe" proc.StartInfo.FileName = @"c:\temp\sql\SQLEXPR_x64_ENU.exe "; proc.StartInfo.Arguments = " /Action=Install"; proc.StartInfo.Arguments += $" /INSTANCEID={InstanceName}"; proc.StartInfo.Arguments += $" /InstanceName={InstanceName}"; proc.StartInfo.Arguments += " /ROLE=AllFeatures_WithDefaults"; proc.StartInfo.Arguments += " /QS"; proc.StartInfo.Arguments += " /INDICATEPROGRESS=True"; proc.StartInfo.Arguments += " /IAcceptSQLServerLicenseTerms=True"; proc.StartInfo.WorkingDirectory = @"c:\temp\sql"; WriteLog($"FielName: {proc.StartInfo.FileName}; Arguments: {proc.StartInfo.Arguments}; WorkingDir: {proc.StartInfo.WorkingDirectory}"); proc.StartInfo.UseShellExecute = false; proc.OutputDataReceived += (s, e) => WriteLog($"Info: {e.Data}"); proc.ErrorDataReceived += (s, e) => WriteLog($"Error: {e.Data}"); var ok = proc.Start(); // NOTE: Log files are in C:\Program Files\Microsoft SQL Server\130\Setup Bootstrap\Log // Summary.txt gives log of latest installer run. It also creates one folder for each installer attempt // and gathers more detailed logs in those folders. proc.WaitForExit(); WriteLog($"{proc.StartInfo.FileName} exited with {proc.ExitCode}"); if (proc.ExitCode != 0) { throw new Exception($"SQL Server Express installation failed. Check log file for more details"); } } / .container）来包装行和列。

.container-fluid

小提琴： http://jsfiddle.net/aq9Laaew/184407/

引导程序4-网格列与预期不符

1 个答案: