小编Ovi*_*u G的帖子

在按钮内居中文本

我正在学习前端开发,我正在尝试使用bootstrap编写我的第一个站点.我猜,我陷入了一个非常简单的事情.如何将文本置于按钮中心?

这是按钮,默认使用"a"标签.

<a class="btn btn-default btn-work" href="#">Check my work</a>
Run Code Online (Sandbox Code Playgroud)

并给它一个宽度和一个高度,文字仍然卡在顶部..

.btn-work {
    width: 250px;
    height: 50px;
    margin: 0 auto;
    vertical-align: middle;
}
Run Code Online (Sandbox Code Playgroud)

我也试图将按钮对准容器的中心,我也无法弄明白.

谢谢 !

html css twitter-bootstrap

13
推荐指数
3
解决办法
5万
查看次数

在 bootstrap carousel 内垂直对齐图像

我正在尝试编写我的第一个网站,我必须构建一个轮播。问题是我有一个较小的图像(400x400),我试图将它垂直对齐到旋转木马和右侧的一些文本中。我position: relative;在旋转木马和absolute带有图像的 div上尝试了+

top: 50%;
transform: translateY(-50%);
Run Code Online (Sandbox Code Playgroud)

不起作用。我想是因为它旁边的轮播标题..

这是现在没有我上面提到的对齐的样子

http://i.imgur.com/LqoXWMo.png

这是HTML

<!-- Start Carousel -->
    <div id="product-detail carousel-example-generic" class="carousel slide" data-ride="carousel">
      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <div class="container">
            <div class="carousel-img"></div>
            <div class="carousel-caption">
              <p class="cat-title">Mercury</p>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="..." alt="...">
          <div class="carousel-caption">
            ...
          </div>
        </div>
        ...
      </div>

      <!-- Controls -->
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left control-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right …
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

5
推荐指数
1
解决办法
1万
查看次数

Laravel 5.4中的单选按钮

我有一个注册表单,用户可以注册,我最近添加了两个单选按钮来定义用户类型.

例:

(*) I want to buy   (*) I want to sell
Run Code Online (Sandbox Code Playgroud)

这是我想要这样做的方法:我在users表中添加了一个布尔字段,我正在考虑检查我是否要购买然后我在数据库中存储1如果另一个被检查然后我存储0.

问题是,我不知道如果选中或不选择单选按钮,如何检查控制器..我试图查看文档和谷歌,但我找到的所有是使用表格门面的一些想法,据我所知在5.4中不再使用...

php laravel laravel-5.3 laravel-5.4

3
推荐指数
2
解决办法
3万
查看次数

将数据从刀片传递到Vue组件

我正在尝试学习vue,并且我也想将其与laravel集成在一起。我只想将用户ID从刀片发送到vue组件,以便可以在其中执行放置请求。假设我在刀片中有这个:

<example></example>
Run Code Online (Sandbox Code Playgroud)

如何将Auth :: user()-> id发送到此组件并使用它。

我一直在寻找这个问题,但是找不到一个明确的答案。

谢谢!

laravel vue.js

2
推荐指数
1
解决办法
8529
查看次数

更新存储在 jwt 负载中的字段

我正在使用带有 jwt 的passport.js 来验证我的应用程序中的用户。我正在使用包含其他字段和头像字段的有效负载签署 jwt 令牌,以便在我的应用程序中使用头像。现在,我希望用户能够编辑他们的头像。我实现了这个功能并且在一个问题上工作得很好:即使在 mongodb 中更新了头像字段,但只有在我注销并重新登录后,更改才会显示在应用程序中。(再次重新签名令牌后)

在前端,我使用的是 react + redux。

考虑到这是有效载荷的一部分,我应该如何以正确的方式更新此头像字段?我应该使用另一种方法吗?

代码如下:

登录登录如下:

 User.findOne({ email: email }).then(user => {
    if (!user) {
      return res.status(404).json({
        email: "Couldn't find an account."
      });
    } else {
      bcrypt.compare(password, user.password).then(isMatch => {
        if (isMatch) {
          //User matched

          //Create JWT Payload (can contain any user info)
          const payload = {
            id: user.id,
            firstname: user.firstname,
            lastname: user.lastname,
            email: user.email,
            avatar: user.avatar
          };

          //Sign token
          //The sign method from jwt needs a payload(user info), secret and …
Run Code Online (Sandbox Code Playgroud)

express jwt reactjs passport.js redux

1
推荐指数
1
解决办法
2293
查看次数