操作图像大小+引导程序时遇到问题

Question

嘿伙计们，我在这里有点亏。

我正在尝试重新创建此网页：

这是我的结果：

我的图片有问题。在我喜欢的地方，我已经很好地完成了它，但我似乎无法获得与参考图像相匹配的高度。我认为它很适合引导行，而不需要太多的CSS。

这是我的代码：

＆＃13;

＆＃13;

y_key_press = np.random.randint(num_keys, size=num_samples)
y_key_press = to_categorical(y_key_press)  # needs to be one-hot encoded

y_percentage = np.random.uniform(size=num_samples)

y = {'key_press': y_key_press, 'percentage': y_percentage}
x = np.random.normal(size=(num_samples, num_features))

model.fit(x=x, y=y, epochs=5)

＆＃13;

＆＃13;

＆＃13;

Answer 1

Bootstrap行没有固有高度。它们会扩展到适合你放入它们的任何东西。因此，您需要在height上设置max-height或.row CSS属性。

另一个技巧是，您希望使用与其自然状态不同的裁剪和纵横比显示图像。换句话说，您不希望显示完整图像，只是其中的一部分。 <img> <div>与background-image的组合You can do this，但由于您必须使用负边距，因此感觉有些恶意。我认为将图片设为<div class="content"> <div class="container-fluid"> <div class="row"> <div class="col-lg-6"> <h1>Lorem <br> Ipsumsz</h1> <br> <p>Lorem Ipsum dolor sit amet consecetur adipised do <br> elusmod tempor incididunt. Adipised do eiusmod tempor.</p> </div> <div class="col-lg-6"> <h1 id="bigNumber">01</h1> </div> </div> <div class="row" style="height: 300px;"> <div class="col-lg-8 col-lg-offset-4" style="background-image: url('olu-eletu-27968.jpg'); background-position: center;"> </div> </div> </div> </div> using CSS更容易。

尝试这样的事情：

</br>

PS。您的<br>代码应为az webapp config set --php-version 7.1 -g shuiapp -n shuiphp 。 `'是无效标记，很可能会被浏览器忽略。